В этом уроке мы увидим, как отключить прошлые даты в jquery datepicker. В средстве выбора даты текущая дата перед любой прошлой датой будет отключена с помощью средства выбора даты пользовательского интерфейса jquery. Минимальная выбираемая дата. Если установлено значение null
, минимума нет. Кроме того, вы можете установить минимальную дату выбора в соответствии с требованиями.
Итак, давайте посмотрим, как jquery datepicker отключает прошлые даты, прошлые даты отключаются в datepicker, отключают прошлые даты в jquery UI datepicker, как отключить прошлые даты в календаре с помощью javascript, bootstrap datepicker отключает прошлые даты, datepicker отключает прошлые даты в javascript, как отключить прошедшая дата в типе ввода даты, как установить минимальную дату в средстве выбора даты, как установить минимальную дату в качестве текущей даты в средстве выбора даты, jquery ui datepicker mindate сегодня, jquery datepicker отключить даты до определенной даты, как отключить предыдущую дату в средстве выбора даты с помощью jquery, как отключить предыдущую дату в bootstrap datepicker.
Пример:
<!DOCTYPE html>
<html>
<head>
<title>How To Disable Past Date 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 Past Date In jQuery Datepicker - Websolutionstuff</h2>
<div class="container">
<label>Select Date :</label>
<input type="text" id="datepicker">
</div>
</body>
<script type="text/javascript">
$(function() {
$( "#datepicker" ).datepicker({ minDate: new Date() });
});
</script>
</html>
Читайте также: Как отключить будущую дату в jQuery Datepicker
Вывод:
Вам также может понравиться:
- Читайте также: Как проверить надежность пароля с помощью JQuery
- Читайте также: Как проверить, поддерживается ли браузер пользователя в jQuery
- Читайте также: Как проверить и подтвердить пароль с помощью JQuery
- Читайте также: Изменение цвета текста на основе цвета фона с помощью Javascript