jquery - 根据另一个日期选择器实例更改 jQuery 日期选择器中显示的月份

Question

我有两个日期选择器字段，一个是“开始日期”，另一个是“结束日期”。

我希望具有这样的功能:在用户选择“开始日期”后，“结束日期”日历应默认显示包含“的月份” 开始日期'。

反之亦然，如果用户首先选择结束日期，则开始日期的日历应显示包含所选结束日期的月份。

如何在 jQuery 日期选择器中实现？我应该定义什么日期选择器选项？

$("#start_date").datepicker({
  //which datepicker options should put here?
})

Answer 1

这将根据需要设置其他日历的默认日期。如果已选择日期，则不会更改它。

    $(document).ready(function() {
        $( "#datepicker" ).datepicker({onSelect: function(dateText, inst) {
            $( "#datepicker2" ).datepicker( "option", "defaultDate", dateText );
        }});
        $( "#datepicker2" ).datepicker({onSelect: function(dateText, inst) {
            $( "#datepicker" ).datepicker( "option", "defaultDate", dateText );
        }});
    });

如果您想强制其他日期选择器将其已选择的日期重置为其他日历月份，请使用以下命令:

$(document).ready(function() {
        $( "#datepicker" ).datepicker({onSelect: function(dateText, inst) {
            $( "#datepicker2" ).datepicker( "setDate" , dateText )
        }});
        $( "#datepicker2" ).datepicker({onSelect: function(dateText, inst) {
            $( "#datepicker" ).datepicker( "setDate" , dateText )
        }});
});