Javascript 如何在JQuery Datepicker中预设值

datepicker字段中的值作为参数附加到最终url，并发送到外部网站

我需要在“签入”日期选择器中将值预设为明天日期（今天+1）

<script type="text/javascript">

$(function(){

    var startDateTextBox = jQuery('#checkinDate');
    var endDateTextBox = jQuery('#checkoutDate');

    startDateTextBox.datepicker({ 
        dateFormat: 'yy-mm-dd',
        onClose: function(dateText, inst) {
            if (endDateTextBox.val() != '') {
                var testStartDate = startDateTextBox.datetimepicker('getDate');
                var testEndDate = endDateTextBox.datetimepicker('getDate');
                if (testStartDate > testEndDate)
                    endDateTextBox.datetimepicker('setDate', testStartDate);
            }
            else {
                endDateTextBox.val(dateText);
            }
        },
        onSelect: function (selectedDateTime){
            endDateTextBox.datetimepicker('option', 'minDate', startDateTextBox.datetimepicker('getDate') );
        }
    });
    endDateTextBox.datepicker({ 
        dateFormat: 'yy-mm-dd',
        onClose: function(dateText, inst) {
            if (startDateTextBox.val() != '') {
                var testStartDate = startDateTextBox.datetimepicker('getDate');
                var testEndDate = endDateTextBox.datetimepicker('getDate');
                if (testStartDate > testEndDate)
                    startDateTextBox.datetimepicker('setDate', testEndDate);
            }
            else {
                startDateTextBox.val(dateText);
            }
        },
        onSelect: function (selectedDateTime){
            startDateTextBox.datetimepicker('option', 'maxDate', endDateTextBox.datetimepicker('getDate') );
        }
    });
});
</script>
<form name="searchForm" method="get" action="https://www.example.com/Search" class="ng-pristine ng-valid">
    <input type="hidden" name="locale" value="en-US" autocomplete="off">
<input type="hidden" data-id="spiritCode" name="spiritCode" value="repph" autocomplete="off">
<input type="hidden" name="location" value="myvalue" data-value="mydat-" id="location" data-cacheable="true" autocomplete="off">
[row width="full-width" v_align="middle" padding="0 0px 0px 0px"]
[col span="4" span__sm="6" padding="0 0px 0px 0px" margin="0 0px 0px 0px"]
Check-In Date <input type="text" autocomplete="off" data-cacheable="true" name="checkinDate" id="checkinDate" data-iso-value="" />

[/col]
[col span="4" span__sm="6" padding="0 0px 0px 0px" margin="0 0px 0px 0px"]

Check-Out Date<input type="text" autocomplete="off" data-cacheable="true" name="checkoutDate" id="checkoutDate" data-iso-value="" />

[/col]
[col span="4" span__sm="12" padding="0 0px 0px 0px" margin="0 0px 0px 0px"]

Room <input data-id="rooms" name="rooms" type="number" value="1" data-value="" min="1" max="2" data-cacheable="true">

[/col]


[/row]
[row width="full-width" v_align="middle" padding="0 0px 0px 0px"]

[col span="4" span__sm="12" padding="0 0px 0px 0px" margin="0 0px 0px 0px"]

Adults <input data-id="adults" name="adults" type="number" value="1" data-value="" min="1" max="6" data-cacheable="true">

[/col]
[col span="4" span__sm="12" padding="0 0px 0px 0px" margin="0 0px 0px 0px"]

Child <input data-id="kids" name="kids" type="number" value="0" data-value="" min="0" max="4" data-cacheable="true">

[/col]
[col span="4" span__sm="12" padding="0 0px 0px 0px" margin="0 0px 0px 0px"]

Rate <select data-id="rate"  name="rate">
         <option selected="selected" value="Standard">None</option>
         <option value="Govt">Government</option>
         <option value="Veteran">Veteran</option>
         <option value="AAA">AAA / CAA Member</option>
         <option value="Senior">Senior</option>
     </select>

[/col]
[col span="4" span__sm="12" padding="20px 0px 0px 0px" margin="0 0px 0px 0px"][/col]
[col span="4" span__sm="12" padding="20px 0px 0px 0px" margin="0 0px 0px 0px"]

<button type="submit" class="quickbookSearchFormButton button-shop button-block" style="background-color: #ffb612; color: #000; width: 100%; font-size: 16px;
    font-weight: 400;">Book Now</button>

[/col]
[col span="4" span__sm="12" padding="20px 0px 0px 0px" margin="0 0px 0px 0px"][/col]
[/row]
</form>

编写HTML时，我会使用

预设值。但这在我的JQuery日期选择器中不起作用

<script type="text/javascript">

$(function(){

    var startDateTextBox = jQuery('#checkinDate');
    var endDateTextBox = jQuery('#checkoutDate');

    startDateTextBox.datepicker({ 
        dateFormat: 'yy-mm-dd',
        onClose: function(dateText, inst) {
            if (endDateTextBox.val() != '') {
                var testStartDate = startDateTextBox.datetimepicker('getDate');
                var testEndDate = endDateTextBox.datetimepicker('getDate');
                if (testStartDate > testEndDate)
                    endDateTextBox.datetimepicker('setDate', testStartDate);
            }
            else {
                endDateTextBox.val(dateText);
            }
        },
        onSelect: function (selectedDateTime){
            endDateTextBox.datetimepicker('option', 'minDate', startDateTextBox.datetimepicker('getDate') );
        }
    });
    endDateTextBox.datepicker({ 
        dateFormat: 'yy-mm-dd',
        onClose: function(dateText, inst) {
            if (startDateTextBox.val() != '') {
                var testStartDate = startDateTextBox.datetimepicker('getDate');
                var testEndDate = endDateTextBox.datetimepicker('getDate');
                if (testStartDate > testEndDate)
                    startDateTextBox.datetimepicker('setDate', testEndDate);
            }
            else {
                startDateTextBox.val(dateText);
            }
        },
        onSelect: function (selectedDateTime){
            startDateTextBox.datetimepicker('option', 'maxDate', endDateTextBox.datetimepicker('getDate') );
        }
    });
});
</script>
<form name="searchForm" method="get" action="https://www.example.com/Search" class="ng-pristine ng-valid">
    <input type="hidden" name="locale" value="en-US" autocomplete="off">
<input type="hidden" data-id="spiritCode" name="spiritCode" value="repph" autocomplete="off">
<input type="hidden" name="location" value="myvalue" data-value="mydat-" id="location" data-cacheable="true" autocomplete="off">
[row width="full-width" v_align="middle" padding="0 0px 0px 0px"]
[col span="4" span__sm="6" padding="0 0px 0px 0px" margin="0 0px 0px 0px"]
Check-In Date <input type="text" autocomplete="off" data-cacheable="true" name="checkinDate" id="checkinDate" data-iso-value="" />

[/col]
[col span="4" span__sm="6" padding="0 0px 0px 0px" margin="0 0px 0px 0px"]

Check-Out Date<input type="text" autocomplete="off" data-cacheable="true" name="checkoutDate" id="checkoutDate" data-iso-value="" />

[/col]
[col span="4" span__sm="12" padding="0 0px 0px 0px" margin="0 0px 0px 0px"]

Room <input data-id="rooms" name="rooms" type="number" value="1" data-value="" min="1" max="2" data-cacheable="true">

[/col]


[/row]
[row width="full-width" v_align="middle" padding="0 0px 0px 0px"]

[col span="4" span__sm="12" padding="0 0px 0px 0px" margin="0 0px 0px 0px"]

Adults <input data-id="adults" name="adults" type="number" value="1" data-value="" min="1" max="6" data-cacheable="true">

[/col]
[col span="4" span__sm="12" padding="0 0px 0px 0px" margin="0 0px 0px 0px"]

Child <input data-id="kids" name="kids" type="number" value="0" data-value="" min="0" max="4" data-cacheable="true">

[/col]
[col span="4" span__sm="12" padding="0 0px 0px 0px" margin="0 0px 0px 0px"]

Rate <select data-id="rate"  name="rate">
         <option selected="selected" value="Standard">None</option>
         <option value="Govt">Government</option>
         <option value="Veteran">Veteran</option>
         <option value="AAA">AAA / CAA Member</option>
         <option value="Senior">Senior</option>
     </select>

[/col]
[col span="4" span__sm="12" padding="20px 0px 0px 0px" margin="0 0px 0px 0px"][/col]
[col span="4" span__sm="12" padding="20px 0px 0px 0px" margin="0 0px 0px 0px"]

<button type="submit" class="quickbookSearchFormButton button-shop button-block" style="background-color: #ffb612; color: #000; width: 100%; font-size: 16px;
    font-weight: 400;">Book Now</button>

[/col]
[col span="4" span__sm="12" padding="20px 0px 0px 0px" margin="0 0px 0px 0px"][/col]
[/row]
</form>

$（函数（）{
var startDateTextBox=jQuery（'#checkinDate'）；
var endDateTextBox=jQuery（'#checkoutDate'）；
startDateTextBox.datepicker（{
日期格式：'年-月-日'，
onClose：函数（dateText，inst）{
如果（endDateTextBox.val（）！=“”）{
var testStartDate=startDateTextBox.datetimepicker（'getDate'）；
var testEndDate=endDateTextBox.datetimepicker（'getDate'）；
如果（testStartDate>testEndDate）
datetimepicker（'setDate'，testStartDate）；
}
否则{
endDateTextBox.val（日期文本）；
}
},
onSelect：功能（selectedDateTime）{
endDateTextBox.datetimepicker（'option'，'minDate'，startDateTextBox.datetimepicker（'getDate'））；
}
});
endDateTextBox.datepicker（{
日期格式：'年-月-日'，
onClose：函数（dateText，inst）{
如果（startDateTextBox.val（）！=“”）{
var testStartDate=startDateTextBox.datetimepicker（'getDate'）；
var testEndDate=endDateTextBox.datetimepicker（'getDate'）；
如果（testStartDate>testEndDate）
startDateTextBox.datetimepicker（'setDate'，testEndDate'）；
}
否则{
startDateTextBox.val（日期文本）；
}
},
onSelect：功能（selectedDateTime）{
startDateTextBox.datetimepicker（'option'，'maxDate'，endDateTextBox.datetimepicker（'getDate'））；
}
});
});
[row width=“full width”v_align=“middle”padding=“0 0px 0px 0px”]
[col span=“4”span_usm=“6”padding=“0 0px 0px 0px”margin=“0 0px 0px 0px”]
登记日期
[/col]
[col span=“4”span_usm=“6”padding=“0 0px 0px 0px”margin=“0 0px 0px 0px”]
退房日期
[/col]
[col span=“4”span_usm=“12”padding=“0 0px 0px 0px”margin=“0 0px 0px 0px”]
房间
[/col]
[/世界其他地区]
[row width=“full width”v_align=“middle”padding=“0 0px 0px 0px”]
[col span=“4”span_usm=“12”padding=“0 0px 0px 0px”margin=“0 0px 0px 0px”]
成人
[/col]
[col span=“4”span_usm=“12”padding=“0 0px 0px 0px”margin=“0 0px 0px 0px”]
小孩
[/col]
[col span=“4”span_usm=“12”padding=“0 0px 0px 0px”margin=“0 0px 0px 0px”]
比率
没有一个
政府
老兵
AAA/CAA成员
级别高的
[/col]
[col span=“4”span_usm=“12”padding=“20px 0px 0px 0px”margin=“0 0px 0px 0px”][/col]
[col span=“4”span_usm=“12”padding=“20px 0px 0px 0px”margin=“0 0px 0px 0px”]
现在预订
[/col]
[col span=“4”span_usm=“12”padding=“20px 0px 0px 0px”margin=“0 0px 0px 0px”][/col]
[/世界其他地区]

您正在使用哪些版本的jquery和datepicker？你能链接到它们吗？jquery-1.10.2.min.js、jquery-ui-timepicker插件、jquery-ui-sliderAccess.js、jquery-ui.min.js你缺少日期选择器库。也许这就是为什么它没有像预期的那样工作？