Jquery datepicker - 年然后月然后日答案

【问题标题】：Jquery datepicker - year then month then dayJquery datepicker - 年然后月然后日
【发布时间】：2017-04-21 16:09:34
【问题描述】：

我正在尝试使用http://foundation-datepicker.peterbeno.com/example.html 的日期选择器让用户选择一个日期。

日期选择器有一个非常好的年份选择器和月份选择器格式，而不是使用箭头，它有一个很好的选择器。

year-picker

我知道访问年份选择器的唯一方法是单击顶部的年份，但我希望它默认首先显示。一旦用户选择了年份，然后允许他们使用月份选择器选择月份

[month-picker][2] - 2: i.stack.imgur.com/CiIgU.png （我目前无法发布超过 2 个链接，因为我是 stackoverflow 的新手，但这是预期的屏幕截图 - 相同如下...）

我希望他们先选择年份，然后是月份，然后是日期。但是，我看到的所有示例都看不到如何设置所有三个以年份开头。

最后是默认日期选择器

[day-picker][3] - 3: i.stack.imgur.com/p3re2.png

或者，如果上述方法不可行，则可以允许用户使用 3 个不同的日期选择器选择 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

【解决方案1】：

上面网站上的例子不正确。经过多次搜索，我设法在其中一个提交中找到了答案。希望这个答案可以对其他人有所帮助。

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

视图编号上升，因此 4 = 年等。

要选择经过年 -> 月 -> 日的日期：

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

【讨论】：