Angular 2 Material 日期选择器ngModel不显示值

Question

我是 Angular 和 Material 2 的新手，我在表单中使用 Material 日期选择器来显示和选择日期。我可以选择日期并绑定(bind)到 ngModel。但是当我尝试将我的响应绑定(bind)到 ngModel 时，什么也没显示。我已将字符串日期转换为日期，然后绑定(bind)到 ngModel。以下是代码，请在我失踪的地方帮助我。

 <mat-form-field>
  <input matInput id="dateOfBirth" name="dateOfBirth" [matDatepicker]="dateOfBirth" 
          class="form-control" [(ngModel)]="customer.dateOfBirth"
            placeholder="Date of birth" required>
 <mat-datepicker-toggle matSuffix [for]="dateOfBirth"></mat-datepicker-toggle>
          <mat-datepicker #dateOfBirth></mat-datepicker>
          <mat-error>Date of birth is required</mat-error>
        </mat-form-field>

我的 ts 文件从 json 获取响应

   customer: CustomerModel = new CustomerModel();
 this.customerService.getResponse().subscribe(resp => {
           this.customer= resp;
 console.log('Date:'+this.customer.dateOfBirth);// able to print
        });

    Class CustomerModel {
        dateOfBirth: Date; 
         //other customer details
      }

在这里，我创建了示例 https://stackblitz.com/edit/angular-pvqugs

Answer 1

我解决了它，我正在转换字符串日期格式，然后尝试与 ngModel 绑定(bind)。我删除了格式日期部分(使用 DatePipe)并将字符串转换为日期。

    if (date) {
  let dateOld: Date = new Date(date);
  return dateOld;
    }

这里更新的代码
https://stackblitz.com/edit/angular-pvqugs