Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/86.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 当用户使用Datepicker插件选择第一个日期字段时,如何填充第二个日期字段?_Javascript_Jquery_Datepicker - Fatal编程技术网

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

Javascript 当用户使用Datepicker插件选择第一个日期字段时,如何填充第二个日期字段?,javascript,jquery,datepicker,Javascript,Jquery,Datepicker,我想自动填充第二个日期字段,在用户从jquery提供的日期字段的datpicker中选择的第一个日期的基础上增加7天。我尝试了这段代码,但它增加了一个月,即使我希望它增加7天 $("#to").datepicker(); $("#from").datepicker({ onSelect:function(){ var date=$(this).datepicker('getDate'); $("#to").datepicke

我想自动填充第二个日期字段,在用户从jquery提供的日期字段的datpicker中选择的第一个日期的基础上增加7天。我尝试了这段代码,但它增加了一个月,即使我希望它增加7天

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

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


在你的问题中,你说你想在用户选择的日期上加上七天,我假设这是起始日期,而不是截止日期,正如你的代码所示。

+7d
是从用户的时间中计算出来的,而不是日期选择器中当前显示的时间。
$("#from").datepicker();
$("#to").datepicker({
    onSelect: function () {
        var toDate = $(this).datepicker('getDate');
        toDate.setDate(toDate.getDate()+7)
        $("#from").datepicker("setDate", toDate);
    }
});