如何使用jsDatePick显示年份选择控件

Question

使用jsDatePick控件，我想显示年份选择器控件，如this example，年份选择器控件可见>>：

但我只能用月份选择器控件显示它：

我的控制声明如下：

<div id="datepickerDOBWrapper" ><input type="text" id="datepickerDOB"></div>

并用闭包初始化：

$(function() {
     $("#datepickerDOB").datepicker();
}); 

我找不到具有显示选项的文档。这documentation没有帮助。 this post也没有显示出很多选择。

Answer 1

我不知道你在哪里得到$("#datepickerDOB").datepicker();，因为它似乎不是那个库使用初始化。

使用您链接的jsDatePick repo中的代码，默认情况下会出现这些年份。以下是如何初始化它的示例：

此脚本确实没有CDN，我建议将其下载并包含在您的项目中。或使用更受支持的日期选择器。

$(document).ready(function() {
  var calendar = new JsDatePick({
    useMode: 2,
    target: "datepickerDOBWrapper",
    dateFormat: "%d-%M-%Y"
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link href="https://rawgit.com/itamararjuan/jsdatepick/master/dist/jsDatePick_ltr.min.css" rel="stylesheet" />
<script src="https://rawgit.com/itamararjuan/jsdatepick/master/dist/jsDatePick.jquery.min.1.3.js"></script>

<div id="datepickerDOBWrapper"><input type="text" id="datepickerDOB"></div>

Answer 2

$('.input-group.date').datepicker({format: "dd.mm.yyyy"});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="container">
  <br />
  <div class="row">
    <div class='col-sm-3'>
      <div class="form-group">
        <div id="filterDate2">
          
          <!-- Datepicker as text field -->         
          <div class="input-group date" data-date-format="dd.mm.yyyy">
            <input  type="text" class="form-control" placeholder="dd.mm.yyyy">
            <div class="input-group-addon" >
              <span class="glyphicon glyphicon-th"></span>
            </div>
          </div>
          
        </div>    
      </div>
    </div>
  </div>
</div>

在创建名为index.js的新文件并将此代码放入其中之前，它将无法正常运行

$('.input-group.date').datepicker({format: "dd.mm.yyyy"}); 

import jquery library