能否修改jQuery UI Datepicker年份下拉框的高度？

两种方法能解决年份下拉框过长的问题：

方法一：用CSS强制限制下拉框高度 #

jQuery UI生成的年份下拉框是带ui-datepicker-year类的select元素，直接给它设置最大高度和滚动属性就能缩短显示长度。把这段CSS加到你的样式里：

.ui-datepicker select.ui-datepicker-year {
  max-height: 150px;
  overflow-y: auto;
}

如果默认样式优先级太高，就加!important强制生效：

.ui-datepicker select.ui-datepicker-year {
  max-height: 150px !important;
  overflow-y: auto !important;
}

方法二：限制年份范围减少选项数量 #

直接通过datepicker的配置项yearRange限定可选年份的范围，这样下拉框里的选项数减少，自然不会过长。修改初始化代码：

$(function() {
  $("#datepicker").datepicker({
    changeMonth: true,
    changeYear: true,
    yearRange: "-15:+5" // 当前年份往前15年到往后5年，可按需调整数值
  });
});

也可以指定固定区间，比如yearRange: "2000:2025"。

内容的提问来源于stack exchange，提问作者pileup