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

Question

我的 mongoDB 中有一个截止日期（日期格式）属性。在我的 component.html 中，我有一个输入字段，我希望用户能够更改截止日期。

打开 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 返回。我希望它返回 20-02-2019

关于如何格式化它的任何想法？当然，也欢迎有关如何使其更加用户友好/-可用/-可读的建议。-

组件.ts：

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

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

服务.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}`))
    );
};

标签： htmlangularmongodbexpress