Bootstrapdateselect器 – 仅限几个月和几年

我正在使用引导dateselect器，我的代码如下，在jsfiddle上的代码演示

<div class="input-append date" id="datepicker" data-date="02-2012" data-date-format="mm-yyyy"> <input type="text" readonly="readonly" name="date" > <span class="add-on"><i class="icon-th"></i></span> </div> $("#datepicker").datepicker({ viewMode: 'years', format: 'mm-yyyy' }); 

上面的代码工作正常，但我想要做的是让用户只能select几个月和几年。

你能告诉我该怎么做吗？

Answer 1

这个怎么样 ：

 $("#datepicker").datepicker( { format: "mm-yyyy", viewMode: "months", minViewMode: "months" }); 

参考： Datepicker Bootstrap

---

对于版本1.2.0和更新版本， viewMode已经更改为startView ，所以使用：

 $("#datepicker").datepicker( { format: "mm-yyyy", startView: "months", minViewMode: "months" }); 

另请参阅文档 。

Answer 2

我使用的版本2（同时支持bootstrap v2和v3），对我来说这个工程：

 $("#datepicker").datepicker( { format: "mm/yyyy", startView: "year", minView: "year" }); 

Answer 3

请注意，在1.2.0版本中， viewMode已经更改为startView 。

例如：

 $('#sandbox-container input').datepicker({ startView: 1, minViewMode: 1 }); 

http://eternicode.github.io/bootstrap-datepicker/?markup=component&format=yyyy&weekStart=&startDate=&endDate=&startView=2&minViewMode=2&todayBtn=false&language=zh-CN&orientation=auto&autoclose=on&forceParse=on#sandbox

Answer 4

对于最新的bootstrap-datepicker （在编写本文时是1.4.0），你需要使用这个：

 $('#myDatepicker').datepicker({ format: "mm/yyyy", startView: "year", minViewMode: "months" }) 

来源： 引导dateselect器选项

Answer 5

我使用引导日历日历不允许与允许月份和年份的变化..

 var j = jQuery.noConflict(); j(function () { j(".datepicker").datepicker({ dateFormat: "dd-M-yy" }).val() }); j(function () { j(".Futuredatenotallowed").datepicker({ changeMonth: true, maxDate: 0, changeYear: true, dateFormat: 'dd-M-yy', language: "tr" }).on('changeDate', function (ev) { $(this).blur(); $(this).datepicker('hide'); }).val() }); 

Answer 6

你应该只minViewMode: "months"在你的datepicker函数中添加minViewMode: "months" 。

Answer 7

为什么不调用$('.input-group.date').datepicker("remove"); 当select语句改变时，设置你的datepicker视图然后调用$('.input-group.date').datepicker("update");