如何禁用datepicker的未来日期？

问题描述：

我已经使用下面的代码，但它不起作用。请帮助我做到这一点。如何禁用datepicker的未来日期？

$(document).ready(function() { 

     $('.datepicker').datepicker({ 
      format: 'mm-dd-yyyy', 
      autoclose:true, 
      endDate: "today", 

     }).on('changeDate', function (ev) { 
       $(this).datepicker('hide'); 
      }); 


     $('.datepicker').keyup(function() { 
      if (this.value.match(/[^0-9]/g)) { 
       this.value = this.value.replace(/[^0-9^-]/g, ''); 
      } 
     }); 
    });

试试这个'$（ “ID”）日期选择器（ '选项'， '的maxDate'，新的Date（））;在日期变化' – KiRa

：一旦你的日期是（'ID'）。datepicker（{maxDate：selected Date（）}）;'在'（'ChangeDate'）'事件中添加此行。 –

或者如果您想要在更改前禁用日期，那么KiRa已经提供了解决方案。 –

答

你可以这样做：日期选择器具有使用可以acchive此选项maxDate

$(document).ready(function() { 
 
     var today = new Date(); 
 
     $('.datepicker').datepicker({ 
 
      format: 'mm-dd-yyyy', 
 
      autoclose:true, 
 
      endDate: "today", 
 
      maxDate: today 
 
     }).on('changeDate', function (ev) { 
 
       $(this).datepicker('hide'); 
 
      }); 
 

 

 
     $('.datepicker').keyup(function() { 
 
      if (this.value.match(/[^0-9]/g)) { 
 
       this.value = this.value.replace(/[^0-9^-]/g, ''); 
 
      } 
 
     }); 
 
    });

<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> 
 

 
<script src="https://code.jquery.com/jquery-1.12.4.js"></script> 
 
    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> 
 

 
<p>Select Date: <input type="text" class="datepicker"></p>

$未定义...请添加上面的jQuery链接来完成示例。 –

@SoniVimal感谢您的编辑。 –

请重新确认我的最新更新。现在终于工作了。 :) –

答

。

Working fiddle

如何禁用datepicker的未来日期？

相关推荐