2017-12-18 261 views
1

我使用的材料,設計日期選擇器,如下圖所示:如何在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 –

回答

2
<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

相關問題