如何在日期框Angular中自定义显示文本？

<input type="date" [(ngModel)]="selectedDate" [ngModelOptions]="{standalone: true}" />

selectedDate: Date = new Date();

ng generate pipe DateFormat

import { Pipe, PipeTransform } from '@angular/core';
import { DatePipe } from '@angular/common';

@Pipe({
  name: 'dateFormat'
})
export class DateFormatPipe implements PipeTransform {
  transform(value: any): any {
    const datePipe = new DatePipe('en-US');
    return datePipe.transform(value, 'yyyy年MM月dd日');
  }
}

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { FormsModule } from '@angular/forms';

import { AppComponent } from './app.component';
import { DateFormatPipe } from './date-format.pipe';

@NgModule({
  declarations: [
    AppComponent,
    DateFormatPipe
  ],
  imports: [
    BrowserModule,
    FormsModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

<input type="date" [(ngModel)]="selectedDate" [ngModelOptions]="{standalone: true}" />
<p>选中的日期是：{{ selectedDate | dateFormat }}</p>