jQuery 日期选择器添加天数

Question

编辑:工作 fiddle :http://jsfiddle.net/yao6dgex/

编辑2:我想我知道发生了什么，但没有理由，它'获取实际日期并添加天数，而不是添加所选日期的天数。

我找到了this回答我的问题，但它根本没有解决任何问题。

问题是，当我在同一日历或另一个日历中添加 X 天时，它将转到下个月的 X 天。

我的代码如下:

$(document).ready(function() {
    $("#cal3").datepicker({
        showOtherMonths: true,
        selectOtherMonths: true,
        dateFormat: "dd/mm/y",
        onSelect: function(selectedDate) {
            $("#cal4").datepicker("setDate", selectedDate);
            $("#cal4").datepicker("setDate", "+3d");
            $("#cal4").datepicker( "option", "minDate", selectedDate );
        }
    });
    $("#cal4").datepicker({
        showOtherMonths: true,
        selectOtherMonths: true,
        dateFormat: "dd/mm/y",
        onSelect: function(selectedDate) {
            $("#cal3").datepicker( "option", "maxDate", selectedDate );
        }
    });
});

在此示例中，我将所选日期添加到 cal4 中，然后添加 3 天。

Datepicker setDate API 说:

Sets the date for the datepicker. The new date may be a Date object or a string in the current date format (e.g., "01/26/2009"), a number of days from today (e.g., +7) or a string of values and periods ("y" for years, "m" for months, "w" for weeks, "d" for days, e.g., "+1m +7d"), or null to clear the selected date.

我尝试使用 "+Xd" 添加 X 天，那么，为什么它不起作用？

Answer 1

我建议一个简单的解决方法。我们可以使用 Date() javascript 对象来完成此操作，而不是让 datepicker 来管理添加天数操作。

类似这样的事情:

$(document).ready(function() {
    $("#cal3").datepicker({
        showOtherMonths: true,
        selectOtherMonths: true,
        dateFormat: "dd/mm/y",
        onSelect: function(selectedDate) {
            //$("#cal4").datepicker("setDate", selectedDate);
            var date = $(this).datepicker("getDate"); //Get the Date object with actual date
            date.setDate(date.getDate() + 3); //Set date object adding 3 days.
            $("#cal4").datepicker("setDate", date); //Set the date of the datepicker with our date object
            $("#cal4").datepicker( "option", "minDate", selectedDate );
        }
    });
    $("#cal4").datepicker({
        showOtherMonths: true,
        selectOtherMonths: true,
        dateFormat: "dd/mm/y",
        onSelect: function(selectedDate) {
            $("#cal3").datepicker( "option", "maxDate", selectedDate );
        }
    });
});

我 fork 了jsFiddle与答案代码。