使用changeYear选项时，我可以将jQuery日期选择器显示更多年份吗？

Question

我在一个应用程序中使用jQuery datepicker，除其他外，它将用于插入和更新员工的出生日期。我觉得必须多次点击才能进入70年代和80年代，很多员工都出生在这几十年里很麻烦。有没有办法以更少的点击次数访问这些“更多”年份？ 这就是我的日期选择器的样子

$("#DateOpened").datepicker({
    dateFormat: "mm/dd/yy",
    maxDate: "+0D",
    showAnim: 'slide',
    changeMonth: true,
    changeYear: true,
    'setDate': new Date(),
    onClose: function (selectedDate) {
        $("#DateClosed").datepicker("option", "minDate", selectedDate);
    }
});

Answer 1

使用yearRange选项增加年份下拉列表的大小。

yearRange: "c-30:+0"

允许在一次点击后选择1983年后的一年，并在2次点击中选择70。

FIDDLE

然而，这不是一个好的用户界面。当用户第一次点击菜单时，通过先选择旧年然后再次点击菜单，他们可以回溯30多年并不明显。您可以使用c-100:+0允许菜单包含100年，希望这对大多数用户来说已经足够了。

Answer 2

如果我理解正确，那么可以使用minDate和maxDate选项。在这里，您可以设置必须显示的年份。

changeYear: true,
minDate: '-1Y',  //decrease 1 year from current year
maxDate: '+2Y'   //increase 2 from current year

Y代表年份。

这是即将到来的最短途径。