在bootstrap datepicker js中只启用一个月

时间:2015-08-14 09:03:57

标签: jquery twitter-bootstrap datepicker

我正在使用jQuery。我为7月份的摄影创建了一个输入框。

我的HTML代码是:

<div class="col-lg-8">
    <input class="form-control" type="text" id="dp4" placeholder="July Session" name="july_sess">
</div>

我的jQuery是:

var today = new Date();
var lastDate = new Date(today.getFullYear(), today.getMonth(0), 1);
$("#datepicker").datepicker({
   startDate: '-1m',
   endDate: '+1m'
});

但它只启用运行日期和月份。相反,我想只启用7月并禁用其他日期。我需要编写什么代码?

注意:我正在使用 bootstrap-datepicker.js

2 个答案:

答案 0 :(得分:3)

您应该使用getMonth(0)-1指定 lastDate ,如下所示:

var today = new Date();
var lastDate = new Date(today.getFullYear(), today.getMonth(0)-1, 31);
$("#dp4").datepicker({
   startDate: '-1m',
   endDate: lastDate
});

<强> DEMO

<强>更新

正如@RobbyCornelissen在回答中所提到的,你可以直接用6代替today.getMonth(0)。例如:

var today = new Date();
var lastDate = new Date(today.getFullYear(), 6, 31); 
$("#dp4").datepicker({
   startDate: '-1m',
   endDate: lastDate
});

现在,无论当前月份如何,它都不会改变为任何其他月份

<强> DEMO

答案 1 :(得分:2)

与今年7月的硬编码类似this

fprintf()