簡體   English   中英

如何顯示僅年度日歷?

[英]How to Display year only Calendar?

我在頁面中使用預定義的引導日歷。 它的工作正常,但對於很少的文本框,我只需要顯示年份日歷。

我的密碼是

<!-- 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答案或此鏈接代碼中的代碼 ,則它會影響我的日期選擇器設計,並且還更改所有文本框的選項以選擇正常日期。.TIA。

使用此配置選項

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

查看您是否轉到jquery頁面並搜索日歷。 他們會告訴您壓光機格式的屬性以及如何使用它們,因此您將thrm復制並粘貼到自舉壓光機中,因為它是相同的。 問候。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM