Angular Material MatDatePicker 未显示正确的日期

Question

所以我在表单中使用角度材料日期选择器来获取用户的出生日期。它在大多数情况下都有效，但是当以某种格式手动输入日期时，它不会显示正确的日期。例如，如果我输入2000-01-15 并单击离开，它会将输入中的日期更改为显示1/14/2000，但是如果我输入01/15/2000，它会正确地将输入更改为显示1/15/2000。此外，如果我只是在2000 这样的输入中输入年份，它会将输入更改为显示12/31/1999。

这里是日期选择器的 html，不在控制器中对其执行任何逻辑。

<mat-form-field>
  <input id="birthDate" matInput [matDatepicker]="birthDate">
  <mat-datepicker-toggle matSuffix [for]="birthDate"></mat-datepicker-toggle>
  <mat-datepicker></mat-datepicker>
</mat-form-field>

如果有人在任何帮助之前有任何想法或遇到过这个问题，将不胜感激。

Answer 1

你在 mat-datepicker 中丢失的#birthDate

<mat-form-field>
  <input id="birthDate" matInput [matDatepicker]="birthDate">
  <mat-datepicker-toggle matSuffix [for]="birthDate"></mat-datepicker-toggle>
  <mat-datepicker #birthDate></mat-datepicker>
</mat-form-field>