Angular 如何在材质日期选择器中使用角度日期管道？

我是Angular的新手，我想为我的日期选择器设置输入值的格式，但我不知道如何设置。我想这样做：

    <mat-date-range-input [rangePicker]="picker">
    <input
      class="hide"
      matStartDate
      [value]="startDate | date: 'shortDate': '' "
      #dateRangeStart
      placeholder="Start date"
    />
    <input
      class="hide"
      matEndDate
      [value]="endDate | date: 'shortDate': '' "
      placeholder="End date"
      [max]="today"
      #dateRangeEnd
      (dateChange)="dateRangeChange(dateRangeStart, dateRangeEnd)"
    />
    />

/>

Import

DatePipe

in.ts:

import {DatePipe} from '@angular/common';

constructor(private datePipe: DatePipe) {}

在

app.module.ts

中，导入DatePipe并将其添加到

提供程序中

：

providers: [DatePipe]

在dateChange函数中添加以下内容：

dateRangeChange (dateRangeStart, dateRangeEnd) {
    startDate = this.datePipe.transform(dateRangeStart, 'yyyy-MM-dd');
    endDate = this.datePipe.transform(dateRangeEnd, 'yyyy-MM-dd');
}

你看过这个了吗