Angular 材料日期选择器默认日期不正确

Question

我使用的是材料日期选择器，日期选择器的日期总是默认为 1/1/1 与 MatNativeDateModule 和 1/1/0001 与 MatMomentDateModule。 即使以编程方式设置日期，日期默认为 1/1/1。

我正在使用反应式 forms。 当我不提供 formControlName 日期默认为当前日期时，这是所需的行为，但是当我提供 formControlName 时，它显示的日期不正确。

I am using Angular version 12 with Angular material version 12.2.5.I am simply importing MatDatepickerModule, MatNativeDateModule and MatMomentDateModule in my main module and in html everything is copied from angular documentation. 下面是我的代码

<mat-form-field appearance="fill">
      <mat-label>Start Date</mat-label>
      <input matInput formControlName="startDate" [matDatepicker]="picker1">
      <mat-datepicker-toggle matSuffix [for]="picker1"></mat-datepicker-toggle>
      <mat-datepicker #picker1></mat-datepicker>
    </mat-form-field>

Answer 1

问题中的更多代码会很好，但如果我理解正确的话..

formControlName="startDate"更改为[formControl]="startDate"并确保您已在组件中设置了 formControl。

例如： startDate = new FormControl(new Date(2021, 1, 1));

如果它是 FormGroup 的一部分，则应使用 formControlName。 然后在.ts中，

yourGroup = new FormGroup({
  startDate = new FormControl(new Date(2021, 1, 1));
});

更多关于如何在这里使用 new Date()