角度材质日期选取器切换图标单击事件

Question

是否可以以某种方式捕获角度材料日期选择器切换图标上的单击事件？我想要触发函数 foo((。

我的实现如下所示：

<mat-form-field class="example-full-width">
<input matInput [matDatepicker]="picker" placeholder="Date">
<mat-datepicker-toggle matSuffix [for]="picker" (click)="foo()"></mat-datepicker-toggle>
<mat-datepicker #picker></mat-datepicker>
</mat-form-field>

我已经尝试将(单击(="foo(("放入mat-datepicker-toggle和mat-datepicker元素，但事件未触发。

Answer 1

使用角度日期选取器组件提供的打开和关闭事件发射器来侦听日历组件的打开和关闭。

<mat-form-field class="example-full-width">
<input  matInput [matDatepicker]="picker" placeholder="Date">
<mat-datepicker-toggle            
matSuffix [for]="picker" (click)="foo()"></mat-datepicker-toggle>
<mat-datepicker 
#ref
(opened)="toggle(ref)"
(closed)="toggle(ref)"
#picker></mat-datepicker>
</mat-form-field>

例

Answer 2

尝试 (focus(="foo((" 而不是 (click(="foo((">