介绍：jQuery UI Datepicker changeYear 选项

jQuery UI Datepicker 是一个可定制的日期选择器，可以用来打造各种日期选择功能。其中 changeYear 选项可以用来设置日历显示的年份范围。

使用方法

设置 changeYear 选项需要在初始化 Datepicker 时加入以下代码：

$( ".datepicker" ).datepicker({
  changeYear: true,
  yearRange: '2020:2030' // 设置年份范围
});

上述代码中，将 changeYear 设置为 true 启用了该选项，yearRange 则设置了可选择的年份范围。

选项说明

changeYear 选项的默认值为 false，如果希望开启该选项，需要将其设置为 true。此外，可以通过设置 yearRange 属性来改变可选择的年份范围。

yearRange 属性

yearRange 属性可设置以下值：

• "c-n" 表示以当前年份为中心，左右各选择 n 年（n为数字，可以是正数或负数）
• "y1:m1:d1,y2:m2:d2" 表示从 y1 年 m1 月 d1 日到 y2 年 m2 月 d2 日的范围

例如：

$( ".datepicker" ).datepicker({
  changeYear: true,
  yearRange: "-20:+10" // 以当前年份为中心，左选择20年，右选择10年
});

或者：

$( ".datepicker" ).datepicker({
  changeYear: true,
  yearRange: "2000:2025" // 可选择的年份范围是2000到2025年
});

支持的事件

changeYear 选项在用户选择年份时会触发 changeYear 事件，可以通过监听该事件来进行相应的处理。

$( ".datepicker" ).on( "changeYear", function( event, ui ) {
  // 用户选择了新的年份，可以在这里进行相应的处理
});

总结

changeYear 选项可以帮助我们在使用 Datepicker 时更加灵活地控制可选择的年份范围，同时还提供了相应的事件可以进行相应的处理。