javascript - 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 年”和“显示的最大年份等于当前年份”。

注意如文档中所述，这只会影响默认情况下显示在下拉列表中的选项，它不会对用户实际输入/选择的日期施加任何限制。

参见 http://api.jqueryui.com/datepicker/#option-yearRange了解更多详情。