直播网站 - http://www.danfords.com/
我正在使用2种不同的现在预订表格(您可以在右上方看到它),一种用于桌面版本&一个用于平板电脑/智能手机版本(调整浏览器窗口,然后立即预订表格将折叠)。
平板电脑/智能手机版日期选择器阻止了过去的日期,因此您无法在今天之前选择日期。此外,如果您选择了将来的登记日期,则会在您选择退房时阻止之前的日期,因此您无需再次查找这些日期。
但这不适用于桌面版表格。知道怎么解决吗?
答案 0 :(得分:2)
在您的site.js文件中,您只添加了智能手机Datepicker输入字段的minDate方法。您还必须为桌面日期选择器输入字段设置此设置。像这样:
jQuery(document).ready(function($) {
$('#datepicker, #datepicker2, #datepicker3, #datepicker4').datepicker({
minDate: 0,
});
答案 1 :(得分:2)
它仅适用于您的移动版本到达字段,因为这是您宣布minDate的唯一一个。
$( "#datepicker" ).datepicker({
minDate:0,
defaultDate: "+1w",
changeMonth: true,
numberOfMonths: 1,
onClose: function( selectedDate ) {
$( "#datepicker2" ).datepicker( "option", "minDate", selectedDate );
}
});
您还需要将minDate:0,
行添加到$("#datepicker3")
数据抄表初始化中,就像这样。
$( "#datepicker3" ).datepicker({
minDate:0,
defaultDate: "+1w",
changeMonth: true,
numberOfMonths: 1,
onClose: function( selectedDate ) {
$( "#datepicker4" ).datepicker( "option", "maxDate", selectedDate );
}
});
$( "#datepicker4" ).datepicker({
defaultDate: "+1w",
changeMonth: true,
numberOfMonths: 1,
onClose: function( selectedDate ) {
$( "#datepicker3" ).datepicker( "option", "maxDate", selectedDate );
}
});
另外请注意我对你的onClose事件做了一些修正,datepicker3和datepicker4指向了datepicker,这是不正确的。这甚至会根据其相关日期选择器中选择的日期更新其他日期选择器启用和禁用日期。