Jquery-UI从datepicker日历

Question

我使用jquery ui中的datepicker创建了two calendars，我想根据second calendar中选定的日期从first calendar更改所选日期。例如，如果我从第一个日历中选择5/21/2016，那么当我点击第二个输入字段以打开第二个日历时，我需要此日历将其选定日期动态更改为first calendar selected day + {{1 }}

这是我的代码：

4 days

以上代码应改为：

<input class="datepicker begin" type="text" />
<input class="datepicker end" type="text"/>

    $(function () {
        $(".datepicker.begin").datepicker({
            minDate: '+2d',
            maxDate: '+2y'
        })
        $(".datepicker.end").datepicker({
            minDate: '+4d',
            maxDate: '+2y'
        });
    });

Answer 1

您可以使用onSelect功能作为第一个日期选择器，以设置第二个日期选择器的值：

$(".datepicker.begin").datepicker({
        minDate: '+2d',
        maxDate: '+2y',
        onSelect: function(dateText, inst) {
           // Resolve the current date
           var begin = new Date($(this).val());
           var d = begin.getDate();
           var m = begin.getMonth();
           var y = begin.getFullYear();
           // Update your target date in your other date picker
           $(".datepicker.end").datepicker('setDate', new Date(y, m, d+2));
        }
});

示例

你可以see a working example of this in action here并在下面演示：