考虑到最初的问题是在多久之前发布的，现在提出这个建议有点晚了，但这就是我所做的。

我需要一个70岁的范围，虽然不到100岁，但对于访问者来说仍然太长了，无法滚动浏览。(jQuery确实会以小组的形式一年一年地走一步，但这对大多数人来说都是一种痛苦。)

第一步是修改datepicker小部件的JavaScript :在jquery-ui.js或jquery-ui-min.js中找到以下代码(它将被最小化)：

for (a.yearshtml+='<select class="ui-datepicker-year" onchange="DP_jQuery_'+y+".datepicker._selectMonthYear('#"+
a.id+"', this, 'Y');\" onclick=\"DP_jQuery_"+y+".datepicker._clickMonthYear('#"+a.id+"');\">";b<=g;b++)
 a.yearshtml+='<option value="'+b+'"'+(b==c?' selected="selected"':"")+">"+b+"</option>";
a.yearshtml+="</select>";

并将其替换为以下内容：

a.yearshtml+='<select class="ui-datepicker-year" onchange="DP_jQuery_'+y+
 ".datepicker._selectMonthYear('#"+a.id+"', this, 'Y');
 \" onclick=\"DP_jQuery_"+y+".datepicker._clickMonthYear('#"+a.id+"');
 \">";
for(opg=-1;b<=g;b++) {
    a.yearshtml+=((b%10)==0 || opg==-1 ?
        (opg==1 ? (opg=0, '</optgroup>') : '')+
        (b<(g-10) ? (opg=1, '<optgroup label="'+b+' >">') : '') : '')+
        '<option value="'+b+'"'+(b==c?' selected="selected"':"")+">"+b+"</option>";
a.yearshtml+="</select>";

这围绕着使用OPTGROUP标签的几十年(当前除外)。

接下来，将此代码添加到CSS文件中：

.ui-datepicker OPTGROUP { font-weight:normal; }