Question

我试图通过http://foundation-datepicker.peterbeno.com/example.html使用datepicker让用户选择日期。

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

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>

这可能吗？

这个页面上有很多例子，但是如果我尝试修改它们中的任何一个，它会破坏或不做我需要做的事情......

亲切的问候，戴夫

Answer 1

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

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

视图编号为4 =年等。

选择经过一年的日期 - ＆gt;月 - ＆gt;天：

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

Jquery datepicker - 年份然后是月份

1 个答案: