即时在jQuery UI DatePicker上设置最大/最小日期

Question

我有两个jQuery日历，一直显示在屏幕上。我希望第一个日历的maxDate是第二个日历的日期，第二个日历的minDate是第一个日历的日期。

我目前无法动态修改minDate和maxDate（即通过onSelect属性）。我怎样才能得到我想要的效果？

伪代码：

$("#date1").datepicker({
    onSelect: function(selectedDate) {
        //Set minDate property on #date2 to selectedDate
    }
});

$("#date2").datepicker({
    onSelect: function(selectedDate) {
        //Set maxDate property  on #date1 to selectedDate
    }
});

Answer 1

如documentation所述，您需要：

// setter
$( ".selector" ).datepicker( "option", "minDate", new Date(2007, 1 - 1, 1) );

所以

$("#date2").datepicker({
    onSelect: function(selectedDate) {
         $( "#date1" ).datepicker( "option", "maxDate", selectedDate);
    }
});

Answer 2

您可以通过编程方式设置minDate和maxDate：

$("#date2").datepicker({
    onSelect: function(selectedDate) {
        $("#date1").datepicker("option", "maxDate", new Date(selectedDate));
    }
});

这是min / maxDate的documentation。