角材料2日期選擇器在焦點上自動打開

角材料2日期選擇器如何配置爲在焦點上自動打開？我在https://material.angular.io/components/datepicker/overview的文檔中找不到任何內容。角材料2日期選擇器在焦點上自動打開

當前HTML是這樣的：

<input [mdDatepicker]="myDatepicker" id="inputWeekEnding" name="inputWeekEnding" type="text" class="form-control" show-button-bar="false" 
 
     [(ngModel)]="weekEnding" [mdDatepickerFilter]="weekEndingPickerFilter" (ngModelChange)="weekEndingChanged()" 
 
       required> 
 
<span class="input-group-btn"> 
 
    <button type="button" class="btn btn-default" [mdDatepickerToggle]="myDatepicker"> 
 
    <i class="glyphicon glyphicon-calendar"></i>    
 
    </button> 
 
</span> 
 
<md-datepicker #myDatepicker md-open-on-focus ></md-datepicker>

來源

2017-08-25 mehran

mdDatepicker

爲了提供方法open()將其打開手動母鹿開發者。您可以在md-input的焦點活動上調用它。見docs。

<md-input-container> 
    <input mdInput [mdDatepicker]="picker" (focus)="picker.open()" placeholder="Choose a date"> 
    <button mdSuffix [mdDatepickerToggle]="picker"></button> 
</md-input-container> 
<md-datepicker #picker></md-datepicker>

Plunker Demo

來源

2017-08-25 05:28:01 Pengyy

角材料2日期選擇器在焦點上自動打開

回答

相關問題