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

Question

我的网站上有以下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年”和“显示的最大年份等于当前年份”。

注意：如文档所述，默认情况下，这仅影响下拉菜单中显示的选项，对用户实际输入/选择的日期没有任何限制。

有关更多详细信息，请参见http://api.jqueryui.com/datepicker/#option-yearRange。