Bootstrap datepicker 2.0 在月视图中显示日历

Posted 2023-03-30

【中文标题】Bootstrap datepicker 2.0 在月视图中显示日历

【英文标题】：Bootstrap datepicker 2.0 display calender in monthly view

【发布时间】：2015-05-26 12:55:51

【问题描述】：

用户是否可以选择仅选择月份，而不是 Bootstrap 日期选择器中的日期。我想做的是只允许用户选择月份和年份。

 $('.date').each(function() 
     var datepickerComponent = $(this).datepicker(
        language: 'en',
        format: "mm-yyyy",
        viewMode: "months", 
        minViewMode: "months"
      ).on('changeDate', function() 
        $(datepickerComponent).datepicker('hide');
      );
  );

我尝试了以下链接中提到的所有选项。但我没有得到预期的行为。

其他问题的链接：

Bootstrap Datepicker - Months and Years Only

请帮帮我。

【问题讨论】：

为什么不显示从 1 到 12 的下拉菜单来选择月份？

用户/客户可以使用此引导程序轻松更改月/年，并且可以使用验证选项（用于“FROM”和“TO”日期）。

您的代码在选择月份-年份时工作正常，您遇到什么错误？

@Srini 您是否按 Ctrl+F5 刷新浏览器？试试看吧。

不，我仍然只能在 DayView 中获得日历视图。也就是说，用户可以查看/能够选择月份中的某一天。但我不想那样。

【参考方案1】：

Bootstrap 也提供了 DateTimePicker。它解决了我的问题。我们在 DateTimePicker 中有很多选项。 $(".form_datetime").datetimepicker( format: 'MM-yyyy', autoclose: true, pickTime: false, viewMode: 'months', minViewMode: 'months' ); 欲了解更多信息，请通过此link