如何仅显示年份日历？答案

【问题标题】：How to Display year only Calendar?如何仅显示年份日历？
【发布时间】：2019-12-03 13:41:46
【问题描述】：

我在我的页面中使用预定义的引导日历。它工作正常，但对于少数文本框，我只需要显示年份日历。

我的代码是

<!-- bootstrap datepicker -->
    <link rel="stylesheet" href="~/Content/adminlte/components/bootstrap-datepicker/dist/css/bootstrap-datepicker.min.css">


 <!-- bootstrap datepicker -->
    <script src="~/Content/adminlte/components/bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js"></script>

 <script>
        $(function () {

            $('#Date').datepicker({
                autoclose: true
            })
        })</script>

设计

  <label>Date</label>
  <div class="input-group date">
 <input type="text" class="form-control pull-right" id="Date">
 <div class="input-group-addon">
 <i class="fa fa-calendar"></i>
 </div>
 </div>

我的带有文本框图像的 datpicker 如下

它可以很好地选择约会。 但对于少数文本框，我需要仅年份选项，如下图所示

如果我使用来自其他一些 stackoverflow 答案或来自 this link code 的代码，它会影响我的日期选择器设计，并且它还会更改所有文本框的选项以选择正常日期......请帮助......TIA。

【问题讨论】：

标签： javascript jquery html datepicker bootstrap-4

【解决方案1】：

使用这个配置options:

$("#Date").datepicker({
    autoclose: true,
    format: "yyyy",
    viewMode: "years", 
    minViewMode: "years"
});

【讨论】：

非常感谢。回答工作很棒。我只能在 10 分钟后将您的答案作为正确答案。所以我会在 10 分钟后勾选答案。再次感谢你。
@Riya，谢谢.. 是的，您可以更改为日期/月份/年份$("#Date").datepicker({ autoclose: true, format: "dd/mm/yyyy" })
是的，先生，我已经尝试过那个并为我工作，所以我编辑了我的评论并删除了第二个问题..但再次感谢你的回复

【解决方案2】：

看看你是否进入 jquery 页面并搜索日历。他们会告诉您日历格式的属性以及如何使用它们，因此您将 thrm 复制并粘贴到您的引导日历中，因为它是相同的。问候。

【讨论】：