jquery - 即时在 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

如文档中所述，您需要：

// 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 的文档。