2016-12-06 81 views
0

我想使用日期選擇器通過http://foundation-datepicker.peterbeno.com/example.html讓用戶選擇一個日期。jQuery的日期選擇器 - 一年然後一個月,然後

的日期選擇器有一個非常好的一年,選擇器和月選擇器格式,而不是使用箭頭,它有一個很好的選擇。

year-picker

訪問年選擇器,我可以告訴的唯一方法是點擊當年在頂部,但我想這首先顯示的默認值。一旦用戶選擇年份,然後讓他們選擇使用月份選擇器的月份。發佈超過2個鏈接目前,因爲我是新來的StackOverflow,但這裏是預期的截圖 - 下同...)

我希望他們首先選擇年份,然後一個月,然後一天。但是,所有這些例子我看到我不明白如何設置三個與年初。

然後最終默認天拾取器

[天拾取器] [3] - 3:i.stack.imgur.com/p3re2.png

或者,如果上述是不可能的可允許一個是年,月,日 - 用戶可以有3個不同datepickers選擇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> 

這可能嗎?

有噸的這個頁面上的例子,但如果我嘗試修改任何人,要麼破裂或沒有做什麼,我需要它做的事...

親切的問候, 戴夫

回答

0

的上述網站上的示例不正確。經過多次搜索,我已經設法在其中一次提交中找到答案。希望這個答案可以幫助別人。

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

的意見進行編號走了這麼4 =一年等

要選擇日起至年會 - >月 - >日:

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