2017-06-06 66 views
0

我在我的項目中使用「datepicker」插件,它設置爲十年視圖,並且我想禁用未來日期,因爲我已經使用了maxDate選項,但它是不工作,我的代碼:minDate和maxDate選項不能在datepicker中工作

$('#data_1 .input-group.date').datepicker({ 
    todayBtn: "linked", 
    maxDate: "0", 
    keyboardNavigation: false, 
    forceParse: false, 
    calendarWeeks: true, 
    autoclose: true 
}); 

試圖與0new Date

+0

我嘗試在API的網站:HTTPS://uxsolutions.github。 io/bootstrap-datepicker /;如果你今天在結束日期輸入它的生成 - endDate:「今天」 - 所以嘗試刪除maxDate並添加endDate:「今天」 – sixerss

回答

2

注意bootstrap-datepicker沒有maxDate選項,你必須使用endDate

這裏工作示例:

$("#datepicker").datepicker({ 
 
    todayBtn: "linked", 
 
    endDate: new Date(), 
 
    keyboardNavigation: false, 
 
    forceParse: false, 
 
    calendarWeeks: true, 
 
    autoclose: true 
 
});
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.css" rel="stylesheet"/> 
 
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/css/bootstrap-datepicker3.css" rel="stylesheet"/> 
 

 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/js/bootstrap-datepicker.js"></script> 
 

 
<input type="text" class="form-control" id="datepicker">

+0

這工作,感謝bro @ VincenzoC –

1

試試下面的代碼:

var today = new Date(); 
$('#data_1 .input-group.date').datepicker({ 
      todayBtn: "linked", 
      endDate: "today", 
      maxDate: today 
      keyboardNavigation: false, 
      forceParse: false, 
      calendarWeeks: true, 
      autoclose: true 
     }); 

你也可以嘗試使用:

maxDate: 0 
+0

嘗試你的解決方案不工作,是的我試着用「0」和「新日期() 「,似乎沒有任何工作! –

0

添加屬性data-date-end-date="0d"工作對我來說:

<input type="text" id="birthDay" data-date-end-date="0d"> 
相關問題