angular - 如何在材料日期选择器上显示更改日期

Question

我有这个日历，我想显示用户先前输入日期的默认值。但是，当我尝试更改日期时，它不显示任何值。新日期仍然可以保存，所以我很好奇如何修复数据更改的显示。

这是供参考的代码

<mat-form-field>
  <input matInput [matDatepicker]="dp" placeholder="Date of Birth: No change Display" [formControl]="getDate(userPrivate.date_of_birth)" [(ngModel)]="userPrivate.date_of_birth">
  <mat-datepicker-toggle matSuffix [for]="dp"></mat-datepicker-toggle>
  <mat-datepicker #dp >
  </mat-datepicker>
</mat-form-field>

在我的 .ts 上

getDate(x){
  // convert Epoch time to formcontrol
  var date = new FormControl(new Date(parseInt(x)));
  // return newDate;
  return date;
  }

Answer 1

这是我在使用 mat-datepicker 时所做的

<input matInput [matDatepicker]="dp" placeholder="Choose a date" [formControl]="dateForm" (click)="dp.open()"
        (dateChange)="dateChange($event)" #dateInput>
    <mat-datepicker #dp></mat-datepicker>

在 .ts 中，我使用矩库将日期设置为 formcontrol

this.dateForm.setValue(moment(previous_input_date, date_format));