关于datepicker只显示年、月、日的设置

最新推荐文章于 2024-08-27 09:55:53 发布

原创最新推荐文章于 2024-08-27 09:55:53 发布 · 1w 阅读

2 ·

CC 4.0 BY-SA版权

前端开发专栏收录该内容

8 篇文章

订阅专栏

本文介绍如何使用Bootstrap Datepicker插件仅选择日期中的月份部分。通过设置特定参数，如startView, maxViewMode和minViewMode，可以实现这一目标。提供了一个示例代码片段，演示如何配置这些选项。

关键时侯，还得看官方文档。花了半个多小时，找了网上一大堆答复，然后一一验证，90%没有能解决问题。
先给出官方文档的URL：
http://bootstrap-datepicker.readthedocs.io/en/latest/index.html

然后，直接上代码。如下是只显示月的sample code：

$("#datepicker").datepicker({
          language: "zh-CN",
          todayHighlight: true,
          format: 'yyyy-mm',
          autoclose: true,
          startView: 'months',
          maxViewMode:'months',
          minViewMode:'months'
});

问题的关键在三个参数的设置：startView, maxViewMode, minViewMode
The view that the datepicker should show when it is opened. Accepts:
0 or “days” or “month”,
1 or “months” or “year”,
2 or “years” or “decade”,
3 or “decades” or “century”,
4 or “centuries” or “millenium”.