Angular FullCalendar v5 实现过去日期禁用与显示优化

• 现有代码存在Date对象引用复用bug：同一个currentDate对象同时被赋值给validRange.start，又在getEndDate方法中被直接修改月份，会导致validRange.start被意外篡改到6个月后，日期校验逻辑完全失效
• FullCalendar 5.x默认对validRange范围外的日期单元格，会强制隐藏日期数字内容，这就是过去日期块空白、视觉不协调的直接原因

实现逻辑：修正日期引用的bug，通过自定义类给范围外的日期加灰色样式，覆盖默认的隐藏规则。

1. 修正后的组件代码：

export class DateSelector {
    // 拆分独立的日期对象，避免引用篡改
    todayStart = new Date();
    calendarEndDate = new Date();
    
    calendarOptions: CalendarOptions = {
      initialView: 'dayGridMonth',
      dateClick: this.handleDateClick.bind(this),
      validRange : {
        start: new Date(this.todayStart.setHours(0,0,0,0)), // 当日0点为有效起始
        end: this.getValidEndDate()
      },
      // 给有效范围外的单元格绑定自定义样式类
      dayCellClassNames: (cellInfo) => {
        const range = this.calendarOptions.validRange as {start: Date, end: Date};
        const cellTime = cellInfo.date.getTime();
        const isOutOfRange = cellTime < range.start.getTime() || cellTime > range.end.getTime();
        return isOutOfRange ? ['custom-disabled-day'] : [];
      }
    };
  
    handleDateClick(arg) {
      console.log('date click! ' + arg.date);
    }
    
    getValidEndDate() : Date {
        // 基于独立对象计算6个月后日期，不影响起始日期
        this.calendarEndDate.setMonth(this.calendarEndDate.getMonth() + 6);
        return this.calendarEndDate;
    }
}

2. 全局样式补充（覆盖默认的隐藏规则）：

/* 强制保留禁用日期的数字显示 */
.fc-day-disabled .fc-daygrid-day-number,
.custom-disabled-day .fc-daygrid-day-number {
  display: inline-block !important;
  color: #c0c4cc; /* 自定义浅灰色字体 */
  pointer-events: none; /* 屏蔽点击事件 */
  cursor: not-allowed;
}

效果：所有过去日期、6个月后的超期日期都会正常显示数字，仅以浅灰色标注禁用状态，单元格布局完全对齐，不会出现空白块的割裂感。

如果需要让过去日期完全不突兀，采用保留网格占位、透明化所有视觉元素的方式（不能直接删除单元格DOM，否则会导致日历周布局错位）：
在上述样式基础上追加：

.fc-day-disabled,
.custom-disabled-day {
  background: transparent !important;
  border-color: transparent !important;
}
.fc-day-disabled .fc-daygrid-day-number,
.custom-disabled-day .fc-daygrid-day-number {
  visibility: hidden;
}

效果：过去日期的位置完全透明，和日历背景融为一体，看起来就像不存在过去日期一样，同时保证当月日期的排布和正常日历完全对齐。

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