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几个月和几年。

你能告诉我该怎么做吗?

7 Solutions collect form web for “Bootstrapdateselect器 – 仅限几个月和几年”

这个怎么样 :

 $("#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" }); 

另请参阅文档 。

我使用的版本2(同时支持bootstrap v2和v3),对我来说这个工程:

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

请注意,在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

对于最新的bootstrap-datepicker (在编写本文时是1.4.0),你需要使用这个:

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

来源: 引导dateselect器选项

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

 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() }); 

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

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

  • 选中checkbox后,dynamic更改引导程序进度栏值
  • 如何使用Bootstrap边界
  • Bootstrap - 如何sorting表列
  • 我应该使用Angular UI Bootstrap还是纯Bootstrap 3?
  • 如何以编程方式触发Bootstrap模式?
  • 如何为引导标签内容提供边框
  • 用引导程序使用Fieldset Legend
  • Twitter引导可滚动模式
  • Twitter Bootstrap:中心丸
  • 更改引导input焦点蓝色发光
  • Bootstrap:如何在列中alignment内容?