当用户使用Datepicker插件选择第一个日期字段时,如何填充第二个日期字段?

时间:2013-05-31 16:40:44

标签: javascript jquery datepicker

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

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

2 个答案:

答案 0 :(得分: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);
        }
});

答案 1 :(得分:0)

试一试:

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

<强> jsFiddle example

在您提出的问题中,您说要添加七天到用户选择的日期,我认为这是日期,而不是日期,正如您的代码所示。