如何显示仅年度日历？

Question

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

我的代码是

const selected = document.querySelector('option[data-id="1"]');
selected.style.display = 'none';

设计

<!-- 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>

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

它可以很好地获取日期。 但是对于很少的文本框，我只需要年份选项，如下图所示

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

Answer 1

使用此配置options：

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

Answer 2

查看是否转到jquery页面并搜索日历。 他们会告诉您压光机格式的属性以及如何使用它们，因此您将thrm复制并粘贴到自举压光机中，因为它是相同的。 问候。