如何禁用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, ''); 
      } 
     }); 
    });

來源

2017-02-09 Praddyumna Sangvikar

試試這個'$（「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>

來源

2017-02-09 05:26:24

$未定義...請添加上面的jQuery鏈接來完成示例。 –

@SoniVimal感謝您的編輯。 –

請重新確認我的最新更新。現在終於工作了。 :) –

。

Working fiddle

來源

2017-02-09 05:43:30

如何禁用datepicker的未來日期？

回答

相關問題