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

pro*_*tor 0 jquery-ui jquery-ui-datepicker

我在一个应用程序中使用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);
    }
});
Run Code Online (Sandbox Code Playgroud)

Bar*_*mar 7

使用该yearRange选项可以增加年份下拉列表的大小.

yearRange: "c-30:+0"
Run Code Online (Sandbox Code Playgroud)

将允许在一次点击后选择1983年后的一年,并在2次点击中选择70.

小提琴

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