angular - 用户第一次单击时，角度材料未设置正确的数据值

Question

我的目的是当用户单击此输入GG/MM/YYYY时，程序会显示所有日期的弹出窗口，并且在用户没有刚刚单击时，弹出窗口设置为特定日期 2000 年 10 月 10 日。

这是我的html代码：

<mat-form-field>
            <input id="date" formControlName="date(dateChange)="emitValue($event)" matInput [matDatepicker]="picker" placeholder="GG/MM/YYYY" />
            <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
            <mat-datepicker #picker startView="multi-year" [startAt]="startDate" ></mat-datepicker>
        </mat-form-field>

在我的 ts 中：

startDate = new Date(2000, 09, 10);

当用户第一次点击时，它没有设置任何值。第一次我想在弹出窗口中显示日期（2000、09、10）；

任何人都可以帮助我吗？

Answer 1

这是来自 Material 文档的示例。

https://run.stackblitz.com/api/angular/v1?file=src%2Fapp%2Fdatepicker-value-example.ts

模板

<mat-form-field appearance="fill">
  <mat-label>Angular forms</mat-label>
  <input matInput [matDatepicker]="picker1" [formControl]="date">
  <mat-datepicker-toggle matSuffix [for]="picker1"></mat-datepicker-toggle>
  <mat-datepicker #picker1></mat-datepicker>
</mat-form-field>

表单控件

date = new FormControl(new Date());