根据另一个datepicker实例更改jQuery datepicker中显示的月份 [英] Change displayed month in jQuery datepicker, depending on another datepicker instance

问题描述

我有两个日期选择器字段，一个是"开始日期"，另一个是"结束日期".

I have two datepicker fields, one is 'start date' the other is 'end_date'.

我希望具有这样的功能:在用户选择"开始日期"之后，默认情况下，"结束日期"日历应显示包含"开始日期".

I would like to have the feature that, after user selected 'start date', then the 'end date' calendar should show by default the month contain the 'start date'.

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

Vise versa, if user first select end date, the calendar for the start date should show the month contain selected end date.

如何在jQuery datepicker内部实现?我应该定义什么日期选择器选项?

how to implement inside jQuery datepicker? What's the datepicker options I should defined?

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

推荐答案

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

This sets the default date of the other calendar as you want. If a date is already selected it doesn't change it.

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

如果要强制其他日期选择器将其已选择的日期重置为其他日历月，请使用以下方法:

If you want to force the other date picker to reset it's already selected date to the other calendars month, use this:

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

这篇关于根据另一个datepicker实例更改jQuery datepicker中显示的月份的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！