日期管道错误-当升级到Angular 11时，无法读取未定义的'toLowerCase‘属性

import { Component } from '@angular/core';

@Component({
  selector: 'app-example',
  template: `
    <p>{{ date | date:'yyyy-MM-dd' }}</p>
  `,
})
export class ExampleComponent {
  date: Date | undefined;

  constructor() {
    // 模拟获取日期值的过程
    this.date = this.getDateFromAPI();
  }

  private getDateFromAPI(): Date | undefined {
    // 从API获取日期值，可能返回undefined
    // 进行空值检查
    if (this.date !== undefined && this.date !== null) {
      return this.date;
    } else {
      return undefined;
    }
  }
}