Angular 5 Datepicker - 材质答案

【问题标题】：Angular 5 Datepicker - MaterialAngular 5 Datepicker - 材质
【发布时间】：2018-03-08 10:43:30
【问题描述】：

我试图在部分内呈现页面时默认打开 Angular Material Datepicker，因此它不像输入字段，并且不需要用户单击输入来查看日历。

这是我正在使用的，目前需要单击输入字段。 https://material.angular.io/components/datepicker/overview

对此有何建议？

谢谢

【问题讨论】：

标签： angular angular-material angular5

【解决方案1】：

MatDatepicker 有一个 open() 方法和一个 toggle 属性。
在ngOnInit() 上调用open() 或设置toggle: enable。
虽然我不确定切换是否会按预期工作。

【讨论】：

【解决方案2】：

MatDatePicker 定义了一些属性，您可以为此使用@Input(opened)。示例代码供您参考

`<mat-form-field class="example-full-width">
  <input matInput [matDatepicker]="picker" placeholder="Choose a date">
  <mat-datepicker #picker opened=true></mat-datepicker>
</mat-form-field>`

【讨论】：