Как отобразить элемент управления выбором года с помощью jsDatePick

Question

Работая с элементом управления jsDatePick, я хочу отобразить элементы управления селектором года как в этом примере с видимыми элементами управления селектором года >>:

Но я могу заставить его отображаться только с помощью селектора месяца только элементы управления:

Мой элемент управления объявлен так:

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

и инициализируется с закрытием:

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

Я не могу найти документацию с опциями отображения. Эта документация не помогает. Также этот пост , который показывает много вариантов.

Answer 1

$('.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

Answer 2

Я не уверен, откуда вы взяли $("#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>