如何使用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