角料日期选择手动开启

问题描述 投票:1回答:2

在日期选择文档有通过使用qazxsw POI和POI qazxsw方法,像这样被编程方式控制弹出日历的示例:

open()

你也可以在close()属性设置为真/假像这样:

<mat-form-field class="example-full-width">
  <input matInput [matDatepicker]="picker" placeholder="Choose a date">
  <mat-datepicker #picker></mat-datepicker>
</mat-form-field>
<button mat-raised-button (click)="picker.open()">Open</button>

我不知道是否有反正用这个来获取日历弹出,为让用户单击各地在不同的日期,并具有那些选择的目的,保持永久开启体现在输入?

javascript angular datepicker angular-material
2个回答
5
投票

我想你可以试试这个:

opened

在组件TS / js文件,你需要声明一个新的方法:

<button mat-raised-button (click)="picker.opened = true">Open</button>

随着日期选择器会消失,重新出现快速这将引入一个闪光效果。

另一个解决办法是叉角材料日期选择器部件在您的本地项目,并且在选择的日期引入一个输入属性,以停用闭合


0
投票

内置材料库的日期选择控件带有内置日历组件。您可以使用以下有一个日历,始终是敞开的(不输入框但日/月/年的选择仍然有效)

了解更多关于此日历:

<mat-form-field class="example-full-width"> <input matInput (dateChange)="reOpenCalendar()" [matDatepicker]="picker" placeholder="Choose a date"> <mat-datepicker #picker></mat-datepicker> </mat-form-field> <button mat-raised-button (click)="picker.open()">Open</button>

最新问题
© www.soinside.com 2019 - 2024. All rights reserved.