jQuery datepicker：预选第二个日期选择器的月份

Question

我有两个日期选择器：到达和离开。现在，如果您选择 4 月 26 日抵达，出发日期选择器应预选为 4 月（目前是 3 月）。那么我该如何实现呢？

我尝试了以下方法：

$( "#arrival" ).datepicker({
    buttonImage: 'fileadmin/templates/images/calendar.png',
    buttonImageOnly: true,
    changeMonth: true,
    changeYear: true,
    showOn: 'both',
    buttonText: 'arrival',
    onSelect: function(){
        var arrivalDate = $(this).datepicker('getDate').getDate();
        var arrivalMonth = $(this).datepicker('getDate').getMonth();
        var arrivalYear = $(this).datepicker('getDate').getFullYear();
        $('#departure').datepicker({ defaultDate: new Date(arrivalYear,arrivalMonth,01) });
    }
});
$( "#departure" ).datepicker({
    buttonImage: 'fileadmin/templates/images/calendar.png',
    buttonImageOnly: true,
    changeMonth: true,
    changeYear: true,
    showOn: 'both',
buttonText: 'departure'
}); 

setDate 将填写不需要的文本输入字段。这可能吗？

Answer 1

问题

目前在您的onSelect 回调中，您正尝试重新初始化departure 元素以更改其defaultDate 选项：

$('#departure').datepicker({ defaultDate: new Date(arrivalYear,arrivalMonth,01) });

但是，在初始化之后，datePicker 选项应该以这种形式设置，无需重新初始化元素：

datePicker('option','some-option','some-option-value').

解决方案

使用正确的形式设置depature元素的defaultDate选项。

例如：

...
var departure_date = new Date(arrivalYear,arrivalMonth,01);
$('#departure').datepicker('option','defaultDate', departure_date);
...

见jsFiddle demo

Answer 2

先计算值然后这样设置

$( "#departure" ).val($("#arrival").val())datepicker(
 ......

);