更改jQuery datepicker中显示的月份,具体取决于另一个datepicker实例

Question

我有两个datepicker字段,一个是' 开始日期 ',另一个是' end_date '.

我想要的功能是,在用户选择" 开始日期 "后," 结束日期 "日历应默认显示月份包含" 开始日期 ".

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

如何在jQuery datepicker里面实现？我应该定义什么是datepicker选项？

$("#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 )
        }});
});