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>