如何在angular2中默认打开日期选择器?

如何在angular2中默认打开日期选择器?

问题描述:

我使用的材料,设计日期选择器,如下图所示:如何在angular2中默认打开日期选择器?

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

上面的代码工作正常,但是,是否有可能经常打开日期选择器弹出?

任何人都可以建议我如何做到这一点?

+0

https://material.angular.io/components/datepicker/api#MatDatepicker –

<mat-datepicker #picker opened="true"></mat-datepicker> 

mat-datepicker has an input opened, see angular material 2 documentation

enter image description here

+0

它不工作。我需要通过点击日历图标明确打开.. – Raghav

+0

在这里为你分叉一个例子,确保你在mat-datepicker中设置了打开的属性,而不是mat-datepicker-toggle https://stackblitz.com/edit/angular-ysspzm?file=app%2Fdatepicker- overview-example.html – Iancovici

+0

感谢您的回复,日期选择器可以随时打开..现在,如果我点击弹出窗口之外隐藏.. – Raghav