限制bootstrap datepicker选择最长2年的日期 - 不工作

时间:2015-12-29 04:40:56

标签: jquery bootstrap-datepicker

我想将用户可以选择的日期限制为从今天起的2年,默认情况下用户可以选择无限日期

以下是我试过的代码

使用的库:

  

ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js

     

maxcdn.bootstrapcdn.com/bootstrap/3.3.6

     

css / bootstrap.min.css css / datepicker.css

     

maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js

     

JS /自举-datepicker.js

<input type="text" id="datepicker1">

<script>
$('#datepicker1').datepicker({
   endDate:'+2y'
});
</script>

上述代码不限制日期

请帮助!!!

我还尝试了以下代码,但是在这种情况下,datepicker是一个内联的datepicker,我不需要内联的datepicker

<head>
http://192.168.0.27:8080/hostbook/public_html/js/jquery.js

http://192.168.0.27:8080/hostbook/public_html/assests/css/bootstrap-datepicker3.css

http://192.168.0.27:8080/hostbook/public_html/assests/js/bootstrap-datepicker.js
</head>

<input name="check_in" id="check_in" type="text" class="datepicker search-date"  autocomplete="off" />

<script>

$(document).ready(function(){

$('#check_in').datepicker({ format: "dd/mm/yyyy",
startView: "months",
endDate:'+2y',
})

});

</script>

1 个答案:

答案 0 :(得分:2)

您尚未指定startDate datePicker来决定endDate。只需将其添加到选项中,如下所示:

$('#datepicker1').datepicker({
   startDate:new Date(), //Today's Date
   endDate:'+2y'
});

<强> DEMO HERE