javascript - 当用户使用 Datepicker 插件选择第一个日期字段时，如何填充第二个日期字段？

Question

我想自动填充第二个日期字段，并将 7 天添加到用户从 datpicker 为 jquery 提供的日期字段选择的第一个日期。我尝试了这段代码，但它增加了一个月，即使我希望它增加 7 天。

$("#to").datepicker();
    $("#from").datepicker({
        onSelect:function(){
            var date=$(this).datepicker('getDate');
            $("#to").datepicker("setDate",new Date(date.getTime()));
            $("#to").datepicker("setDate", "+7d");
        }
});

Answer 1

$("#to").datepicker();
    $("#from").datepicker({
        onSelect:function(){
            var date=$(this).datepicker('getDate');
            date.setDate(date.getDate()+7); // Add 7 days to the selected day
            $("#to").datepicker("setDate", date);
        }
});

Answer 2

试一试：

$("#from").datepicker();
$("#to").datepicker({
    onSelect: function () {
        var toDate = $(this).datepicker('getDate');
        toDate.setDate(toDate.getDate()+7)
        $("#from").datepicker("setDate", toDate);
    }
});

jsFiddle 示例

在您的问题中，您说您想在用户选择的日期上增加 7 天，我认为这将是开始日期，而不是截止日期，正如您的代码所示。