jQuery UI Datepicker - 月份和年份下拉列表

Question

我的网站上有following Datepicker。

正如你从他们的例子中看到的那样，它只能像2006年那样，并且在今年的2026年前进。我需要更多年回去，我将如何实现这一目标？

这是我的代码：

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

Answer 1

使用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。