【问题标题】:How to disable previous dates on the TO calendar?如何禁用 TO 日历上的先前日期?
【发布时间】:2014-11-20 19:23:30
【问题描述】:
这是我正在使用的脚本。要做哪些改变?
$( "#from" ).datepicker
defaultDate: "+1w",
changeMonth: true,
numberOfMonths: 3,
$( "#to" ).datepicker
defaultDate: "+1w",
changeMonth: true,
numberOfMonths: 3
【问题讨论】:
标签:
javascript
jquery
jquery-ui-datepicker
【解决方案1】:
我修好了:-
必须在$( "#from" ).datepicker中添加此代码
onSelect: function( selectedDate ) {
$( "#to" ).datepicker( "option", "maxDate", selectedDate
必须将此代码添加到$( "#to" ).datepicker
onSelect: function( selectedDate ) {
$( "#toDateRange" ).datepicker( "option", "minDate", selectedDate
【解决方案2】:
做:
var today = new Date();
var yesterday = new Date(today.getFullYear(),today.getMonth(),today.getDate()-1)
然后将以下属性添加到date picker function
minDate : yesterday
【解决方案3】:
这里是完整的代码
var dateToday = new Date();
$(".datefrom" ).datepicker({
dateFormat: 'dd/mm/yy',
minDate: dateToday,
onClose: function( selectedDate ) {
$( ".dateto" ).datepicker( "option", "minDate", selectedDate );
},
onSelect: function(selectedDate) {
var option = this.class == "datefrom" ? "minDate" : "maxDate",
instance = $(this).data("datepicker"),
date = $.datepicker.parseDate(instance.settings.dateFormat || $.datepicker._defaults.dateFormat, selectedDate, instance.settings);
}
});
$(".dateto" ).datepicker({
dateFormat: 'dd/MM/yyyy',
onClose: function( selectedDate ) {
$( ".datefrom" ).datepicker( "option", "maxDate", selectedDate );
}
});
$('.datefrom,.dateto').change(selector)
它将禁用日历中的上一个日期,并且根据在日历中所做的选择,到日历将自动更新并禁用上一个日期..