使用angular，express和mongoDB：如何在不破坏NgModel的情况下在输入元素中格式化日期？

Question

我的mongoDB中有一个expiredDate（日期格式）属性。在我的component.html中，我有一个输入字段，我希望用户可以在该字段中更改durationDate。

打开component.html时，完整日期显示在输入文本字段中

<label>project deadline:
    <input [(ngModel)]="project.deadlineDate" 
        placeholder="{{project.deadlineDate | date }}" 
        type="text"  
        onfocus="(this.type='date')" 
        onblur="(this.type='text')" />
 </label> 

在我的输入字段中打开html：2019-02-20T00：00：00.000Z返回。我希望它返回2019年2月20日

关于如何格式化此格式的任何想法？当然，也欢迎提出有关如何使它更人性化/-可用/-可读的建议。-

component.ts：

  ngOnInit(): void {
      this.getProject();
  };

 getProject(): void {
        const id = this.route.snapshot.paramMap.get('id');
        this.projectService.getProject(id)
          .subscribe(project => this.project = project);
      };

service.ts

getProject(id: string): Observable<Project> {
  const url = `${this.backendUrl}/project/${id}`;
  return this.http.get<Project>(url)
    .pipe(
      map(project => project[0]),
      tap(res => console.log(res)),
      catchError(this.handleError<Project>(`getProject id=${id}`))
    );
};