我在网址/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>
该应用程序重定向到网址/
,除了空格外不显示任何内容。控制台中没有记录任何内容。
该代码应该可以工作,因为它是从Angular Material basic datepicker example复制的。我已经进口了MatFormFieldModule
,MatInputModule
和MatDatepickerModule
。
怎么了?
解决方案是另外导入可选的材料模块MatNativeDateModule
。材料在mat-datepicker
上的文档中没有明确说明依赖关系,但在某些情况下似乎需要它。
感谢@pengyy对this question的回答,帮助我找到了这个解决方案。