У меня есть датапикер, помеченный для моего выпускника года. как я могу ограничить свой дампикер превышением на текущую дату. Или. как я могу ограничить пользователя не выбирать будущую дату. также есть подтверждение того, что выбранная дата "dateTo" будет больше, чем "dateFrom",
здесь мой html-код
<label>Year Graduated from</label>
<input id="dateFrom" type="date">
<label>Year Graduated to</label>
<input id="dateTo" type="date">
здесь мой код jquery
$( "#date_assigned" ).datepicker({
showOtherMonths: true,
selectOtherMonths: true,
dateFormat: "mm/dd/yy"
});
});
$(function() {
$( "#date_returned" ).datepicker({
showOtherMonths: true,
selectOtherMonths: true,
dateFormat: "mm/dd/yy"
});
});
$(function () {
var dateFormat = 'dd.mm.yy';
$("#from").datepicker({
maxDate: '0',
dateFormat: dateFormat,
onSelect: function (selectedDate) {
var date = $.datepicker.parseDate(dateFormat, selectedDate)
var tod = date.setDate(date.getDate());
$to.prop('disabled', false).datepicker( "option", "minDate", new Date(tod ));
}
});
var $to = $("#to").datepicker({
dateFormat: dateFormat
}).prop('disabled', true);
});
объяснение
Установите maxDate:'0'
поэтому никакая будущая дата не выбрана from
идентификатора даты
Pass выбранной даты, to
это дата-подборщик с помощью onSelect
метод и установить его в качестве minDate
опции в to
датой-подборщиком так, чтобы to
дате всегда больше, чем from
даты.
Рекомендации
http://api.jqueryui.com/datepicker/#option-maxDate
Для выбора диапазонов дат см. Отличный пример на странице jquery ui:
http://jqueryui.com/datepicker/#date-range
Вы можете использовать minDate
и maxDate
для ограничения доступных дат и события onClose
каждого датпикера для обновления min/max-date на другом datepicker для достижения допустимого выбора диапазона.
Обратите внимание, что minDate
и maxDate
принимают диапазон различных значений. Если значение представляет собой число, оно понимается как смещение от сегодняшнего дня, то есть нуль будет сегодня, -1 будет вчера и так далее.