如何解除jQuery Datepicker中已禁用的日期？

问题核心在于Datepicker初始化后，beforeShowDay回调不会自动感知disabledDays数组的变化——哪怕你清空了数组，原回调的逻辑虽然理论上应该允许所有日期，但可能因为数组更新方式不对、或Datepicker缓存了状态，导致日期仍处于禁用状态。下面是两种可靠的解决方法：

方法1：直接更新beforeShowDay回调为允许所有日期 #

无需重新初始化，直接修改Datepicker的配置，把回调改成始终返回可用状态：

// 先清空禁用日期数组
disabledDays = [];
// 更新Datepicker的beforeShowDay选项
$('#startDate').datepicker("option", "beforeShowDay", function(date) {
  return [true]; // 返回数组第一个元素为true，代表该日期可选择
});

方法2：销毁后重新初始化Datepicker #

如果需要保留原有配置逻辑（比如后续还要重新设置禁用日期），可以先销毁现有实例再重新初始化：

// 销毁当前Datepicker实例
$('#startDate').datepicker("destroy");
// 重新初始化，此时disabledDays已清空，所有日期都会被允许
$('#startDate').datepicker({
  beforeShowDay: function(date) {
    var string = jQuery.datepicker.formatDate('dd.m.yy', date);
    return [disabledDays.indexOf(string) == -1];
  },
  minDate: 0,
  dateFormat: 'dd.m.yy',
});

额外排查点 #

如果清空数组后还是没效果，检查下disabledDays的定义：

• 确保它是用let/var声明的，而非const（const声明的数组无法重新赋值，只能修改内部元素）
• 清空数组时优先用disabledDays = []，而非仅修改length（虽然length=0也能清空，但某些场景下可能存在缓存问题）

内容的提问来源于stack exchange，提问作者Eli-ott