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

Question

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

你可以简单地这样做

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

JSFiddle

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

Number：从今天算起的天数。例如，2 代表从今天算起的两天，-1 代表昨天。

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

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

Answer 3

就我而言，我已将此属性赋予输入标签

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

Answer 4

这对我有用 endDate: "today"

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

  });

资源