角材料2日期选择器自动打开对焦 [英] angular material 2 date picker auto open on focus
本文介绍了角材料2日期选择器自动打开对焦的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
如何配置有角度的材料2日期选择器以使其自动聚焦?我在 https://material.angular.io/components/datepicker的文档中找不到任何内容/overview .
How angular material 2 date picker can be configured to be opened automatically on focus? I didn't find anything in the documentation at https://material.angular.io/components/datepicker/overview.
当前html是这样的:
Current html is like this:
<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>
推荐答案
mdDatepicker
提供了方法open()
,以便于开发人员手动打开.您可以在md-input
的焦点事件上调用它.参见 文档(MatDatepicker的方法) .>
mdDatepicker
provides method open()
in order to open it manually doe developers. You can invoke it at md-input
's focus event. See docs(Method of MatDatepicker).
<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>
演示 (包含演示,用于打开焦点并以打字稿打开)
这篇关于角材料2日期选择器自动打开对焦的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文