datepickerで今後の日付を無効にするにはどうすればよいですか？

Question

私はこれに次のコードを使用しましたが、動作しません。私にそれを手伝ってください。

$(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, ''); 
      } 
     }); 
    }); 

Answer 1

あなたはこれを行うことができます：日付ピッカーは、あなたがこれを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>

Answer 2

を持っています。

Working fiddle

​​