Angular Material DateRangePicker 更改左上角日期格式

Question

谁知道如何更改下图中的格式

我的 AppDateAdapter:

export class AppDateAdapter extends NativeDateAdapter {
  // tslint:disable-next-line:no-any
  format(date: Date, displayFormat: any): string {
    if (displayFormat === 'input') {
      let day: string = date.getDate().toString();
      day = +day < 10 ? '0' + day : day;
      let month: string = (date.getMonth() + 1).toString();
      month = +month < 10 ? '0' + month : month;
      const year = date.getFullYear();
      return `${day}.${month}.${year}`;
    }
    return date.toDateString();
  }
  getFirstDayOfWeek(): number {
    return 1;
  }
}

Answer 1

你可以看到这个例子。他们在这里更改了自定义 header 格式。

https://stackblitz.com/angular/odbaekyldjn?file=src%2Fapp%2Fdatepicker-custom-header-example.ts

Angular Material DateRangePicker 更改左上角日期格式

Angular Material DateRangePicker change top left date format

angular

angular-material

angular-daterangepicker