如何将Bootstrap Datepicker日期视图限制为Year

时间:2016-04-07 18:13:19

标签: twitter-bootstrap-3 bootstrap-datepicker

我正在运行Bootstrap 3.3.6(最新)和Datepicker插件1.6.0(最新版)。

我希望日期框只接受并显示某个范围之间的年份(在我目前的情况下,2014年,2015年和2016年)。

我有这个定制:

$('#my-container .my-class').datepicker({
  //format: " yyyy", // does not work
  minViewMode: "years",
  maxViewMode: "years",
  startDate: '01/01/2014',
  endDate: new Date(),
  startView: "year" //does not work
});

是否可以将输入和显示限制为仅4位数年份?

1 个答案:

答案 0 :(得分:3)

试试这个解决方案:

$('.datepicker').datepicker({
    autoclose: true,
    format: " yyyy",
    viewMode: "years", 
    minViewMode: "years",
    startDate: '2014',
    endDate: new Date(),
});

请参阅 JsFiddle 我希望它适合你,谢谢。