在 Jquery Ui 日期选取器中禁用今天之后的未来日期



我想在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() 

它对我来说工作正常,在日期范围选择器中禁用当前日期

最新更新