ngModel 使 datePicker 今天的日期返回 null答案

【问题标题】：ngModel make datePicker date of today return nullngModel 使 datePicker 今天的日期返回 null
【发布时间】：2020-03-24 02:26:47
【问题描述】：

我的日期选择器默认设置为今天，这有利于我的代码目前正在运行的状态。我希望能够传递它的值，所以我使用 ngModel 并且它使我的 datePicker 为空。我发现 ngInit 可以硬编码默认值，但问题是我不知道 ngInit 中的 dateTime.Now 代表什么。

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

【问题讨论】：

标签： angular datepicker

【解决方案1】：

只需从 <mat-datepicker 中删除 ngmodel，就像这样 <mat-datepicker #picker1></mat-datepicker>

这是一个使用 mat-date-picker 和 ngModel 开发的示例项目 https://stackblitz.com/edit/angular-cj6bjs?file=app%2Fdatepicker-overview-example.html

除此之外，您可以在 Stackblitz https://stackblitz.com/angular/dlerqrdamjl?file=app%2Fdatepicker-value-example.html 中找到此示例，它是使用响应式表单开发的。

【讨论】：