如何用jsDatePick显示年份选择控制

Question

使用jsDatePick控件时，我希望显示年份选择器控件()，就像使用年份选择器控件( >> )显示这个例子一样。

​

​

但我只能让它在月份选择器控件中显示：

​

​

我的控制声明如下：

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

并使用闭包初始化：

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

我找不到有显示选项的文档。这个文档没有帮助。这个职位也没有显示出许多选项。

Answer 1

我不知道$("#datepickerDOB").datepicker();是从哪里得到的，因为它似乎不像库使用这种初始化。

使用您所链接的jsDatePick回购的代码，默认情况下这些年将到来。下面是如何初始化它的示例：

另外，这个脚本实际上没有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