[Calendar] 为日历指定时间范围后，若当前选中月份大于设定结束时间的月份会导致结束时间的年份被禁用无法选中

[shumuuu]

tdesign-vue 版本

1.14.1

重现链接

No response

重现步骤

假设设定时间范围["2018-8","2028-4"]，在日历中选择2025年和12月（大于设定的结束时间的月份）

期望结果

日历实际的结束时间与设置的一致

实际结果

日历可选择时间范围小于设定值（通过重现步骤来操作的话实际结果为2028年被禁用）

框架版本

Vue2.x均可

浏览器版本

Chrome(120.0.6099.225)

系统版本

Windows10 22H2(19045.2486)

Node版本

22.17.1

补充说明

官方文档中的示例里，可选择时间范围小于设定时间范围

[github-actions]

👋 @shumuuu，感谢给 TDesign 提出了 issue。
请根据 issue 模版确保背景信息的完善，我们将调查并尽快回复你。

[liulyxandy-codemao]

// src\calendar\calendar.tsx L209~216
for (let i = begin; i <= end; i++) {
  const disabled = this.checkMonthAndYearSelectorDisabled(i, this.curSelectedMonth);
  re.push({
    value: i,
    label: this.t(this.global.yearSelection, { year: i }),
    disabled,
  });
}

你的月份选择的是12，所以this.checkMonthAndYearSelectorDisabled(2028, 12)会返回false，所以选不了2028年；
如果月份选成1，那么就是正常的。

[shumuuu]

// tdesign-vue-next packages\components\calendar\calendar.tsx L134~140
for (let i = begin; i <= end; i++) {
  re.push({
    value: i,
    label: t(globalConfig.value.yearSelection, { year: i }),
    disabled: false,
  });
}

在vue3技术栈的仓库中，年份选项的生成是默认启用的

// src\calendar\calendar.tsx L208~215
for (let i = begin; i <= end; i++) {
  const disabled = this.checkMonthAndYearSelectorDisabled(i, this.curSelectedMonth);
  re.push({
    value: i,
    label: this.t(this.global.yearSelection, { year: i }),
    disabled,
  });
}

而在当前仓库中，年份选项的生成却额外使用了checkMonthAndYearSelectorDisabled函数用来判定年份选项的disabled状态

// src\calendar\calendar.tsx L535~549
checkMonthAndYearSelectorDisabled(year: number, month: number): boolean {
  let disabled = false;
  if (this.rangeFromTo && this.rangeFromTo.from && this.rangeFromTo.to) {
    const beginYear = dayjs(this.rangeFromTo.from).year();
    const endYear = dayjs(this.rangeFromTo.to).year();
    if (year === beginYear) {
      const beginMon = parseInt(dayjs(this.rangeFromTo.from).format('M'), 10);
      disabled = month < beginMon;
    } else if (year === endYear) {
      const endMon = parseInt(dayjs(this.rangeFromTo.to).format('M'), 10);
      disabled = month > endMon;
    }
  }
  return disabled;
},

checkMonthAndYearSelectorDisabled函数是用来根据当前选择的年份来判定月份选项的禁用范围的，直接用于年份选项的启用逻辑便会导致 @liulyxandy-codemao 提到的情况：

// src\calendar\calendar.tsx L209~216
for (let i = begin; i <= end; i++) {
  const disabled = this.checkMonthAndYearSelectorDisabled(i, this.curSelectedMonth);
  re.push({
    value: i,
    label: this.t(this.global.yearSelection, { year: i }),
    disabled,
  });
}

你的月份选择的是12，所以this.checkMonthAndYearSelectorDisabled(2028, 12)会返回false，所以选不了2028年； 如果月份选成1，那么就是正常的。

年份选项的生成是一定在范围内的，无需额外判定启用逻辑