2013-04-28 264 views
0

我使用叉https://github.com/eternicode/bootstrap-datepicker但我有一些問題。日期選擇器日期範圍

我希望datepicker先顯示年份,點擊一年後顯示月份,然後它應該在月份點擊時關閉,以便日期變爲「2013-01」。

我嘗試了viewmode和minviewmode上的每種可能的組合,但無法讓它按照特定的順序工作。

這裏是我的JS:

$('#from_date').datepicker({ 
    viewMode: "years", 
    minViewMode: "years", 
    format: 'yyyy-mm-dd', 
    startDate: '2008-01-01', 
    endDate: 'y-12-31', 
    autoclose: true 
}); 

什麼是正確的代碼?

是否有可能隱藏不在日期範圍內的日期?它顯示了2008年之前和2013年之後(即使我不能點擊它們)。

此外,另一個問題是彈出窗口在div上打開,而不是在日曆按鈕上(與原始腳本一樣)。 HTML是這樣的:

<div class="input-append date" id="from_date" data-date="102/2012" data-date-format="yyyy-mm" data-date-viewmode="years" data-date-minviewmode="months"> 
<input name="date_from" id="dpMonths" class="dpMonths input-block-level" type="text" value="2008" /><span class="add-on"><i class="icon-calendar"></i></span> 
</div> 
+0

一些更多的測試,它工作得更好,如果我使用: startView:「十年」, minViewMode:「幾個月」, 但它仍然是一個有點怪異。 – John 2013-04-28 16:53:21

回答

2

這是我自己的結論:

$('#from_date').datepicker({ 
    startView: "decade", 
    minViewMode: "months", 
    format: 'yyyy-mm-dd', 
    startDate: '2008-01-01', 
    endDate: 'y-12-31', 
    autoclose: true 
}); 

$('#to_date').datepicker({ 
    startView: "decade", 
    minViewMode: "months", 
    format: 'yyyy-mm-dd', 
    startDate: '2008-01-01', 
    endDate: 'y-12-31', 
    autoclose: true 
}); 

還有一個問題,我需要幫助。我需要「to_date」在本月的最後一天結束。所以日期範圍變成2013-01-01至2013-01-31,而不是2013-01-01至2013-01-01,就像現在一樣。

+0

爲什麼不使用「yyyy-mm」作爲格式(忽略月份的日期)?這不是你最初的目標嗎? – notan3xit 2013-07-17 18:19:13