Javascript “如何验证jQuery UI日期选择器”;“从日期起”;至;“迄今为止”;
我有两个字段“开始日期”和“截止日期”。我是jQuery新手,正在学习它Javascript “如何验证jQuery UI日期选择器”;“从日期起”;至;“迄今为止”;,javascript,jquery,jquery-ui,jquery-ui-datepicker,Javascript,Jquery,Jquery Ui,Jquery Ui Datepicker,我有两个字段“开始日期”和“截止日期”。我是jQuery新手,正在学习它 在jQuery UI日期选择器上选择from date时,所有以前的 日期(当前日期之前)不可选择(灰显) 选择“截止日期”时,仅限从当前日期开始的日期 可选择的1天(不能选择与截止日期相同的起始日期或截止日期) 我当前正在使用此代码: $( function() { var dateFormat = "dd-mm-yy", from = $( "#from" ) .datepicker({ d
- 可选择的1天(不能选择与截止日期相同的起始日期或截止日期)
$( function() {
var dateFormat = "dd-mm-yy",
from = $( "#from" )
.datepicker({
defaultDate: "+1w",
changeMonth: true,
numberOfMonths: 3
})
.on( "change", function() {
to.datepicker( "option", "minDate", getDate( this ) );
}),
to = $( "#to" ).datepicker({
defaultDate: "+1w",
changeMonth: true,
numberOfMonths: 3
})
.on( "change", function() {
from.datepicker( "option", "maxDate", getDate( this ) );
});
function getDate( element ) {
var date;
try {
date = $.datepicker.parseDate( dateFormat, element.value );
} catch( error ) {
date = null;
}
return date;
}
});
注意:日期格式应为“dd-mm-yy”要灰显当前日期之前的日期,只需在日期选择器配置中将minDate设置为当前日期即可
minDate: new Date()
您还应该显式地将dateFormat选项设置为与在$.datepicker.parseDate调用中使用的选项相同
如果我正确理解了您的问题,那么这个小提琴应该是正确的(稍微修改了您的代码)
要灰显当前日期之前的日期,只需在日期选择器配置中将minDate设置为当前日期
minDate: new Date()
您还应该显式地将dateFormat选项设置为与在$.datepicker.parseDate调用中使用的选项相同
如果我正确理解了您的问题,那么这个小提琴应该是正确的(稍微修改了您的代码)