我想在Jquery Ui Datepicker中禁用今天之后的所有未来日期
这是演示:
法典:
$( "#start_date" ).datepicker(
{
maxDate: '0',
beforeShow : function()
{
jQuery( this ).datepicker('option','maxDate', jQuery('#end_date').val() );
},
altFormat: "dd/mm/yy",
dateFormat: 'dd/mm/yy'
}
);
$( "#end_date" ).datepicker(
{
maxDate: '0',
beforeShow : function()
{
jQuery( this ).datepicker('option','minDate', jQuery('#start_date').val() );
} ,
altFormat: "dd/mm/yy",
dateFormat: 'dd/mm/yy'
}
);
试试这个
$(function() {
$( "#datepicker" ).datepicker({ maxDate: new Date() });
});
或者您可以使用以下方法实现此目的:
$(function() {
$( "#datepicker" ).datepicker({ maxDate: 0 });
});
参考
演示
更新的答案
>这对我有用endDate: "today"
$('#datepicker').datepicker({
format: "dd/mm/yyyy",
autoclose: true,
orientation: "top",
endDate: "today"
});
源
就我而言,我已经将此属性赋予了输入标签
data-date-start-date="0d"
data-date-end-date="0d"
简单地这样做
$(function() {
$( "#datepicker" ).datepicker({ maxDate: new Date });
});
JSFiddle
仅供参考:在检查文档时,发现它也接受数值。
编号:从今天起的几天。例如,2 表示两天 从今天开始,-1 代表昨天。
所以0
代表今天。 因此,您也可以这样做
$( "#datepicker" ).datepicker({ maxDate: 0 });
将maxDate更改为当前日期
maxDate: new Date()
它将当前日期设置为最大值。
追加 Dtpicker,请使用以下代码
$('#enddate').appendDtpicker({
"dateOnly": true,
"dateFormat": "YYYY-MM-DD",
"closeOnSelected": true,
maxDate: new Date()
});
//禁用当前日期之后的未来日期
$("#datepicker").datepicker('setEndDate', new Date());
禁用当前日期之后的过去日期
$("#datepicker").datepicker('setEndDate', new Date());
日期选择器没有maxDate
作为选项。我使用了这个结束日期选项。效果很好。
$('.demo-calendar-default').datepicker({
autoHide: true,
zIndex: 2048,
format: 'dd/mm/yyyy',
endDate: new Date()
});
maxDate: new Date()
它对我来说工作正常,在日期范围选择器中禁用当前日期