2016-09-21 93 views
0

我的網站上有following DatepickerjQuery UI Datepicker - 月份和年份下拉列表

正如你可以從他們的例子看到的那樣,它只能追溯到2006年,並且在今年的2026年。我需要一年的時間進一步回顧,我將如何實現這一目標?

這裏是我的代碼:

<script> 
    $(function() { 
     $("#passenger_dob").datepicker({ changeMonth: true, changeYear: true, dateFormat: "dd/mm/yy" }).val() 
    }); 
</script> 
+0

一旦您選擇2006年作爲年份,選擇的範圍將變爲1996年至2016年。因此,您可以通過選擇最低年份繼續往返 – Webdev

+0

http://api.jqueryui.com/datepicker/#option-yearRange – ADyson

+0

你好,我明白,但這不是我想要的。我希望直到20世紀30年代的這段時間馬上就要下降。 – Broadbiz

回答

4

使用yearRange選項設置你想要做的歲月顯示:

$("#passenger_dob").datepicker({ 
    changeMonth: true, 
    changeYear: true, 
    dateFormat: "dd/mm/yy", 
    yearRange: "-90:+00" 
}); 

的yearRange選項可以被硬編碼,或者像我例如,可以使用相對於當前日期的範圍。我所用的選項意思是「最早顯示的年份是今年前的90年」,「顯示的最大年份等於當前年份」。

N.B.正如文檔中指出的那樣,這隻會影響默認顯示在下拉列表中的選項,它不會限制用戶實際輸入/選擇的日期。

請參閱http://api.jqueryui.com/datepicker/#option-yearRange瞭解更多詳情。

+0

非常感謝!我感謝幫助! – Broadbiz