在bootstrap datepicker中禁止月视图

时间:2014-08-08 06:05:28

标签: twitter-bootstrap datepicker

我正在使用引导日期选择器来检查签出日期,这里我不希望用户点击月视图,如下所示:

enter image description here

任何人都可以告诉我如何完成这项工作。

1 个答案:

答案 0 :(得分:0)

您无法直接更改日期选择,也许如果您从github分叉日期选择器,并根据您的需要更改它,您可以得到它,否则据我知道您无法更改它,但另一种方式会是使用ajax,或其他随时可用的选项,允许您这样做。您可以查看http://bootstrap-datepicker.readthedocs.org/en/release/options.html#inputs

上的文档

另一种方法是 1)您可以使用bootstrap datepicker的startDate和endDate选项。

2)在startDate中设置今天的日期

var today = new Date();

3)要获得该月的最后日期,请使用此方法

var lastDate = new Date(today.getFullYear(), today.getMonth() + 1, 0);

最后

var today = new Date(); //Get today's date
var lastDate = new Date(today.getFullYear(), today.getMonth() + 1, 0);  //To get the last date of today's month
$("#datepicker").datepicker({
    startDate: today,
    endDate: lastDate
});