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
jquery日期选择器范围-自动显示第二天_Jquery_Datepicker_Range - Fatal编程技术网

jquery日期选择器范围-自动显示第二天

jquery日期选择器范围-自动显示第二天,jquery,datepicker,range,Jquery,Datepicker,Range,我有两个hotelbooking的日期选择器,在一个日期范围的表单中有两个文本字段。如果有人用第一个日期选择器选择了一个日期,那么第二个日期选择器会自动在文本字段2中填充相同的日期。如何更改脚本以在文本字段2中填充第二天的日期,而不是相同的日期 我的代码 $(函数(){ 变量日期=$(“#从,#到”)。日期选择器({ showOn:“两者”, buttonImage:“fileadmin/template/datepicker/img/kalender.png”, buttonImageOnly

我有两个hotelbooking的日期选择器,在一个日期范围的表单中有两个文本字段。如果有人用第一个日期选择器选择了一个日期,那么第二个日期选择器会自动在文本字段2中填充相同的日期。如何更改脚本以在文本字段2中填充第二天的日期,而不是相同的日期

我的代码

$(函数(){
变量日期=$(“#从,#到”)。日期选择器({
showOn:“两者”,
buttonImage:“fileadmin/template/datepicker/img/kalender.png”,
buttonImageOnly:正确,
默认日期:“+1w”,
变化月:对,
月数:1,
onSelect:函数(selectedDate){
var option=this.id==“from”?“minDate”:“maxDate”,
实例=$(this.data(“日期选择器”);
日期=$.datepicker.parseDate(
instance.settings.dateFormat||
$.datepicker.\u defaults.dateFormat,
所选日期,instance.settings);
dates.not(this).datepicker(“选项”,选项,日期);
}
});    

在选择事件时尝试此代码:

onSelect: function(selectedDate) {
    var option = this.id == "from" ? "minDate" : "maxDate";
    var date = new Date($(this).datepicker('getDate'));
    date.setDate(date.getDate() + 1);
    dates.not(this).datepicker("option", option, date);
}

请不要使用我的设置,但感谢您的快速响应
$(function() {
    var dates = $("#from, #to").datepicker({
        showOn: "both",
        buttonImage: "fileadmin/template/datepicker/img/kalender.png",
        buttonImageOnly: true,
        defaultDate: "+1w",
        changeMonth: true,
        numberOfMonths: 1,
        onSelect: function(dateText, inst) {
            var option = this.id == "from" ? "minDate" : "maxDate",
                actualDate = new Date(dateText);
            var newDate = new Date(actualDate.getFullYear(), actualDate.getMonth(), actualDate.getDate() + 1);
            dates.not(this).datepicker("option", option, newDate);
        }
    });
});