角材料MatDatePicker无法显示正确的日期

时间:2018-12-04 15:27:23

标签: angular typescript datepicker angular-material angular-material-datetimepicker

因此,我正在使用一种形式的有角材质datepicker来获取用户的生日。它在大多数情况下都有效,但是当以某种格式手动输入日期时,它不会显示正确的日期。例如,如果我键入2000-01-15并单击鼠标左键,它将输入中的日期更改为显示1/14/2000,但是,如果我键入01/15/2000,它将正确地将输入更改为显示{{ 1}}。此外,如果我只输入1/15/2000之类的年份,它会将输入更改为显示2000

这里是用于日期选择器的html,没有在控制器中对其进行任何逻辑。

12/31/1999

如果有人有任何想法或在没有任何帮助之前就遇到了这个想法。

1 个答案:

答案 0 :(得分: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>
相关问题