如何使用jquery在datepicker中禁用將來的日期？

Question

日期選擇器未來日期不會禁用。這裏是HTML

<div class="input-group input-append date" id="dp3" data-date="" data-date-format="mm-dd-yyyy"> 
    <input class="form-control" style="width: 106px; height: 30px;" type="text" id="nodate" value="<?php echo date('m-j-Y');?>" readonly=""/> 
     <div class="input-group-addon add-on" style="width: 35px; height: 25px;"><i class="icon-calendar"></i></div> 
     &emsp; 
     <button type="button" class="btn btn-primary" onclick="window.location = '<?php echo base_url().'index.php/attendance/noRecordDate/';?>'+ $('#nodate').val()">Add Attendance</button> 
</div> 

這裏我的日期選擇器代碼是我的腳本：

<script> 
    $(function() { 
    $("#nodate").datepicker({ maxDate: new Date() }); 
}); 
</script> 

Answer 1

maxDate

多種類型 支持：

Date: A date object containing the maximum date. 
Number: A number of days from today. For example 2 represents two days from today and -1 represents yesterday. 
String: A string in the format defined by the dateFormat option, or a relative date. Relative dates must contain value and period pairs; valid periods are "y" for years, "m" for months, "w" for weeks, and "d" for days. For example, "+1m +7d" represents one month and seven days from today. 

，所以你需要可以設置日期對象正確，或者乾脆設置爲字符串或數字如下：

<script> 
    $(function() { 
    $("#nodate").datepicker({ maxDate: '0' }); 
}); 
</script> 

Answer 2

$(document).ready(function() { 
 

 
    var dbDate = "2017-03-24"; 
 
    var date2 = new Date(dbDate); 
 

 
    $("#nodate").datepicker({ 
 
    
 
     
 
    dateFormat: 'mm-dd-yy', 
 
    maxDate: new Date() 
 
    
 
    }).datepicker('setDate', date2); 
 

 
    
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
    <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> 
 
    <link rel="stylesheet" href="/resources/demos/style.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> 
 

 

 
<div class="input-group input-append date" id="dp3" data-date="" data-date-format="mm-dd-yyyy"> 
 
    <input class="form-control" style="width: 106px; height: 30px;" type="text" id="nodate" value="" readonly=""/> 
 
     <div class="input-group-addon add-on" style="width: 35px; height: 25px;"><i class="icon-calendar"></i></div> 
 
     &emsp; 
 
     <button type="button" class="btn btn-primary" onclick="window.location = '<?php echo base_url().'index.php/attendance/noRecordDate/';?>'+ $('#nodate').val()">Add Attendance</button> 
 
</div>