В этом уроке мы увидим, как отключить определенные даты в jquery datepicker. jQuery UI Datepicker — это плагин с широкими возможностями настройки, который добавляет на ваши страницы функции выбора даты. Вы можете настроить формат даты и язык, ограничить выбираемые диапазоны дат и легко добавить кнопки и другие параметры навигации.
Итак, давайте посмотрим, как отключить определенные даты в datepicker, jquery datepicker отключить определенные даты, как отключить определенную дату в datepicker с помощью jquery, jquery UI datepicker отключить даты, отключить даты в datepicker jquery UI, jquery UI datepicker отключить определенные даты, как отключить дату в датпикере.
Пример:
<!DOCTYPE html>
<html>
<head>
<title>How To Disable Specific Dates In jQuery Datepicker - Websolutionstuff</title>
<link href="http://code.jquery.com/ui/1.9.2/themes/smoothness/jquery-ui.css" rel="stylesheet" />
<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
<style type="text/css">
.container{
border-radius: 5px;
padding:50px 20px;
margin:30px auto;
width:40%;
border:2px solid #bbb;
text-align: center;
}
input{
padding:5px;
background-color:#eeeeee;
}
h2{
text-align: center;
margin-top: 100px;
font-weight: 600;
}
</style>
</head>
<body>
<h2>How To Disable Specific Dates In jQuery Datepicker - Websolutionstuff</h2>
<div class="container">
<label>Select Date :</label>
<input type='text' class='date'>
</div>
</body>
<script type="text/javascript">
var array = ["01-06-2022","02-06-2022","23-06-2022","24-06-2022"]
$('input').datepicker({
beforeShowDay: function(date){
var string = jQuery.datepicker.formatDate('dd-mm-yy', date);
return [ array.indexOf(string) == -1 ]
}
});
</script>
</html>
Читайте также: Laravel 9 меняет размер изображения перед загрузкой
Вывод:
Вам также может понравиться:
- Читайте также: Перетаскивание Div с помощью jQuery
- Читайте также: Как установить Tailwind CSS в Laravel 9
- Читайте также: Выпадающий фильтр для определенного столбца в таблице данных
- Читайте также: Как создать эффект прокрутки параллакса с помощью jQuery