Отключить даты в JQuery DatePicker

Question

Я загружаю DatePicker в указанном диапазоне от значения DB Date.

HTML код является:

<div id="datepicker"> Select the Dates: 
    <input type="text" id="input1" > 
    <input type="text" id="input2"> 
</div> 

JQuery Код:

var date1 = new Date(Date.parse(SSD)); 
var date2 = new Date(Date.parse(SED)); 

$("#input1").val($.datepicker.formatDate($.datepicker._defaults.dateFormat, date1)); 
$("#input2").val($.datepicker.formatDate($.datepicker._defaults.dateFormat, date2)); 

$("#datepicker").datepicker({ 
    defaultDate: date1, 
    beforeShowDay: function (date) { 
     var date1 = $.datepicker.parseDate($.datepicker._defaults.dateFormat, $("#input1").val()); 
     var date2 = $.datepicker.parseDate($.datepicker._defaults.dateFormat, $("#input2").val()); 
     return [true, date1 && ((date.getTime() == date1.getTime()) || (date2 && date >= date1 && date <= date2)) ? "dp-highlight" : ""]; 
    }, 
    onSelect: function (dateText, inst) { 
     var date1 = $.datepicker.parseDate($.datepicker._defaults.dateFormat, $("#input1").val()); 
     var date2 = $.datepicker.parseDate($.datepicker._defaults.dateFormat, $("#input2").val()); 
     if (!date1 || date2) { 
      $("#input1").val(dateText); 
      $("#input2").val(""); 
      $(this).datepicker("option", "minDate", dateText); 
     } else { 
      $("#input2").val(dateText); 
      $(this).datepicker("option", "minDate", null); 
     } 
    } 
}); 

Он показывает мне каландр в этом диапазоне. Но теперь требование заключается в том, что конечный пользователь не может выйти за указанную дату. Пользователь может выбирать только в указанном диапазоне. Пользователь не может перемещаться за пределы диапазона. Я немного новичок в jquery, пожалуйста, предложите.

Answer 1

Вы хотите ограничить мин и макс даты с:

$(".selector").datepicker({ minDate: new Date(), maxDate: "+1m +1w" } }) 

Смотрите документацию minDate и maxDate для получения дополнительной информации.