2016-09-21 90 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