jQuery的日期选择器日期选择问题

问题描述：

直播网站 - http://www.danfords.com/jQuery的日期选择器日期选择问题

我使用2种不同的书现在形成了（你可以看到它在右上角），一个桌面版本&一个是平板电脑/智能手机版本（调整浏览器窗口，然后现在预订表格将会崩溃）。

平板电脑/智能手机版本日期选取器阻止了过去的日期，因此您无法选择今天之前的日期。另外，如果您选择了将来的日期进行登记，那么当您选择结账时，它会阻止先前的日期，因此您不必再次查找这些日期。

但是，这不适用于桌面版本的形式。任何想法如何解决它？

在这里发布您的代码。我们没有人会在您的网站上挖掘它。 – Mathletics

答

它只适用于您的移动版本到达领域，因为这是唯一一个你宣布minDate。

$("#datepicker").datepicker({ 
    minDate:0, 
    defaultDate: "+1w", 
    changeMonth: true, 
    numberOfMonths: 1, 
    onClose: function(selectedDate) { 
     $("#datepicker2").datepicker("option", "minDate", selectedDate); 
    } 
});

您需要到minDate:0,行添加到您$("#datepicker3") datpicker初始化为好，像这样。

$("#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是指回日期选择器，这是不正确。这甚至会根据其相关日期选择器中选择的日期更新其他日期选择器启用和禁用日期。

非常感谢。我很感激。 – arifix

答

在您的site.js文件中，您只添加了智能手机Datepicker输入字段的minDate方法。您还必须为桌面日期选择器输入字段设置此设置。像这样：

jQuery(document).ready(function($) { 
    $('#datepicker, #datepicker2, #datepicker3, #datepicker4').datepicker({ 
    minDate: 0, 
});

jQuery的日期选择器日期选择问题

相关推荐