jQuery Datepicker配置修改问题：调整yearRange后操作无效排查

我明白你想动态更新Datepicker的年份范围，其实不用费劲移除类或者重新绑定事件，jQuery UI Datepicker提供了官方的配置修改方法，比你现在的尝试更简单可靠。

正确的做法：使用option方法直接更新配置 #

你不需要移除datepicker或hasDatepicker类，也不用解绑再重新初始化，直接调用Datepicker的option方法就能修改指定配置项：

// 在你的事件触发逻辑中执行这行代码即可
$(".datepicker").datepicker("option", "yearRange", "2010:");

完整示例（包含初始化和动态修改） #

下面是一个完整的代码示例，比如通过按钮点击事件来触发年份范围的修改：

// 页面加载时初始化Datepicker
$(function() { 
  $( ".datepicker" ).datepicker({
    changeMonth: true, 
    changeYear: true, 
    dateFormat: "yy-mm-dd", 
    yearRange: "2002:"
  }); 

  // 绑定按钮点击事件，修改年份范围
  $("#updateYearBtn").on("click", function() {
    // 更新yearRange配置
    $(".datepicker").datepicker("option", "yearRange", "2010:");
    // 可选：如果需要立即刷新Datepicker的UI状态，调用refresh方法
    $(".datepicker").datepicker("refresh");
  });
});

为什么你的原有方法容易出问题？ #

如果你尝试移除hasDatepicker类再重新初始化，可能会导致DOM元素上残留Datepicker的绑定事件或数据属性，进而引发重复初始化、UI异常等问题。而option方法是官方设计的配置更新接口，会自动处理内部状态和UI的同步，完全避免这类风险。

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