Jquery datepicker - год, затем месяц и день

Я пытаюсь использовать datepicker по адресу http://foundation-datepicker.peterbeno.com/example.html, чтобы пользователь мог выбрать дату.

У datepicker есть действительно хороший сборщик года и формат сборщика, вместо того, чтобы использовать стрелки, он имеет хороший селектор.

год-подборщик

единственный способ получить доступ к сборщику года, который я могу сказать, - это нажать на год наверху, однако я хочу, чтобы это сначала показывалось по умолчанию. как только пользователь выбирает год, затем разрешает им выбирать месяц, используя блок выбора месяцев

[month-picker] [2] - 2: i.stack.imgur.com/CiIgU.png (я не могу опубликовать больше двух ссылок в настоящее время, так как я новичок в stackoverflow, но вот намеченный снимок экрана - то же самое, что и ниже. ..)

Я хочу, чтобы они сначала выбирали год, затем месяц, затем день. Однако все примеры, которые я вижу, я не вижу, как установить все три начала с года.

затем, наконец, выбор дня по умолчанию

[дневной подборщик] [3] - 3: i.stack.imgur.com/p3re2.png

В качестве альтернативы, если вышеизложенное невозможно, пользователь может выбрать 3 отдельных раза с тремя разными датами - один за год, месяц и день. Я могу получить сборщик месяцев только со следующим (но не сборщиком года):

<div class="row collapse date" id="dpMonths" data-date-format="mm/yyyy" data-start-view="year" data-min-view="year" style="max-width:200px;">
<div class="small-2 columns">   
    <span class="prefix"><i class="fa fa-calendar"></i></span>
</div>
<div class="small-10 columns">
    <input size="16" type="text" value="02/2012" readonly>  
</div>

<script>
$(function(){
  $('#dpMonths').fdatepicker();
});
</script>

Это возможно?

На этой странице представлено множество примеров, но если я попытаюсь изменить любой из них, он либо сломается, либо не сделает то, что мне нужно ...

С уважением, Дэйв

javascript,jquery,datepicker,zurb-foundation,

0

Ответов: 1


0

Примеры на веб-сайте выше неверны. После долгих поисков мне удалось найти ответ в одном из коммитов. Надеюсь, этот ответ может помочь кому-то другому.

$('.monthpicker').fdatepicker({
format : 'mm/yyyy',
  startView : 1,
  minView : 1
});

Взгляды пронумерованы, так что 4 = год и т. Д.

Чтобы выбрать дату, проходящую через год -> месяц -> день:

$('.monthpicker').fdatepicker({
    format : 'mm/yyyy',
      startView : 4,
      minView : 2
    });
JavaScript, JQuery, DatePicker, zurb-фундамент,
Похожие вопросы