使用者第一次点击时，棱角材质无法设定正确的资料值

问题描述

我的目的是当用户单击此输入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）;

有人可以帮助我吗？

解决方法

这里是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());