在Jquery Ui Datepicker中禁用今天的日期

我想在今天之后的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' } ); 

Answer 1

试试这个

  $(function() { $( "#datepicker" ).datepicker({ maxDate: new Date() }); }); 

或者您可以使用以下方法实现此目的：

 $(function() { $( "#datepicker" ).datepicker({ maxDate: 0 }); }); 

参考

DEMO

更新的答案

Answer 2

在我的例子中，我已将此属性赋予输入标记

data-date-start-date="0d" data-date-end-date="0d"

Answer 3

你可以简单地做到这一点

 $(function() { $( "#datepicker" ).datepicker({ maxDate: new Date }); }); 

的jsfiddle

仅供参考：在检查文档时 ，发现它也接受数值。

数字 ：从今天开始的几天。 例如，2表示从今天开始的两天，-1表示昨天。

所以0代表今天。 因此你也可以这样做

  $( "#datepicker" ).datepicker({ maxDate: 0 }); 

Answer 4

将maxDate更改为当前日期

 maxDate: new Date() 

它会将当前日期设置为最大值。

Answer 5

如果要附加Dtpicker，请使用以下代码

 $('#enddate').appendDtpicker({ "dateOnly": true, "dateFormat": "YYYY-MM-DD", "closeOnSelected": true, maxDate: new Date() }); 

Answer 6

这对我endDate: "today"

  $('#datepicker').datepicker({ format: "dd/mm/yyyy", autoclose: true, orientation: "top", endDate: "today" }); 

资源

Answer 7

 maxDate: new Date() 

它的工作正常我禁用日期范围选择器中的当前日期