Angular处理订阅数组可选字段转Date时触发TS2769重载错误

TS2769重载错误由类型不匹配触发：

• angular-calendar 定义的CalendarEvent接口中，start是必填的Date类型字段，因此event.start的类型范围不包含undefined，传入new Date()做转换时符合入参要求，不会报错。
• end是可选字段（end?: Date），类型范围包含undefined，但new Date()构造函数的所有重载都不接受undefined作为入参，因此类型校验阶段直接抛出错误。

之前移除end字段可选标记的方案不可行，是因为组件内eventTimesChanged方法处理事件拖拽、尺寸调整逻辑时，newEnd本身允许传入undefined（例如仅修改事件开始时间的场景），强行修改第三方库的接口定义会破坏原有类型兼容，导致构建失败。
你提到的iEvent是Array.map遍历this.events数组时的回调参数，代表当前遍历到的单个日历事件，没有特殊逻辑。

不需要修改第三方库的类型定义，只需要在转换end字段时增加空值判断即可，可根据业务场景二选一：

• 方案1：保留end的可选属性，仅当字段有值时做转换
  修改getEvents方法内的循环逻辑：

  for (let event of this.events) {
    event.start = new Date(event.start);
    // 存在有效值时再做Date转换
    if (event.end) {
      event.end = new Date(event.end);
    }
  }
  

• 方案2：为空值设置兜底，适合业务要求所有事件必须存在结束时间的场景

  for (let event of this.events) {
    event.start = new Date(event.start);
    // end为空时默认取start时间作为值，可根据业务替换为其他默认值
    event.end = new Date(event.end ?? event.start);
  }
  

不建议通过给this.events设置any类型绕过TS校验，这种方式会掩盖潜在的空值问题，后续日历渲染阶段如果拿到undefined的end值，可能出现不可预期的异常。

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