jQuery Datepicker - программно ограничить второй DatePicker

Question

Недавно я использовал следующий фрагмент кода, чтобы ограничить мой 2-й выбор даты (конечную дату), чтобы он не предшествовал дате 1-го выбора даты.

$("#datepicker").datepicker({
 minDate: +5, 
 maxDate: '+1M +10D',  
 onSelect: function(dateText, inst){
           var the_date = dateText;
           $("#datepicker2").datepicker('option', 'minDate', the_date);

 }
 });
 $("#datepicker2").datepicker({

    maxDate: '+1M +10D', 
    onSelect: function(dateText, inst){

    }                       
});

Однако в последнее время я хотел отформатировать мои средства выбора даты, используя:

dateFormat: 'yy-mm-dd'

Но теперь, 2-й указатель даты фактически позволяет пользователю выбрать дату за 1 день до этого.

Например, если пользователь выбирает 1-ую дату: 2010-04-03, когда появляется 2-й DatePicker, он может выбрать 2010-04-02 (за 1 день до своей первой выбранной даты).

Я не хочу, чтобы пользователь мог выбрать дату, которая была до его первого выбранного дня.

Есть идеи, почему это не работает после того, как я добавил в "dateFormat"?

Answer 1

опция minDate ожидает, что объект даты не является строковым объектом. Однако вы можете указать формат и выполнить преобразование следующим образом:

$(document).ready(function() {  //Runs when tab is loaded

var dateFormat = "yy-mm-dd";

$("#datepicker").datepicker({
 minDate: +5, 
 dateFormat:dateFormat,
 maxDate: '+1M +10D',  
 onSelect: function(dateText, inst){
           var the_date = $.datepicker.parseDate(dateFormat,dateText);
           $("#datepicker2").datepicker('option', 'minDate', the_date)
 }
 });
 $("#datepicker2").datepicker({

    maxDate: '+1M +10D', 
    dateFormat:dateFormat,
    onSelect: function(dateText, inst){

    }                       
});


});

Answer 2

Вы могли бы альтернативно сделать это

       onSelect: function(){
           $("#datepicker2").datepicker('option', 'minDate', $(this).val());
       }