mat-datepicker 使应用程序崩溃而没有记录错误

Question

我在 url /demo 有这个页面组件模板

<mat-form-field>
  <input matInput placeholder="Choose a date">
</mat-form-field>

渲染得很好，但是一旦我将其重写为

<mat-form-field>
  <input matInput [matDatepicker]="picker" placeholder="Choose a date">
  <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
  <mat-datepicker #picker></mat-datepicker>
</mat-form-field>

应用程序重定向到 url /，除了空白不显示任何内容。控制台中没有记录任何内容。

该代码应该可以工作，因为它是从 Angular Material basic datepicker example 复制而来的。我已经导入了MatFormFieldModule、MatInputModule 和MatDatepickerModule。

发生了什么？

Answer 1

一种解决方案是额外导入可选的材料模块MatNativeDateModule。 Material 的mat-datepicker 文档中没有明确说明依赖关系，但在某些情况下似乎是必需的。

感谢@pengyy 对this question 的回答帮助我找到了这个解决方案。