angular - 有什么功能可以关闭我的 PrimeNG 的 datePicker 吗？

Question

我使用 PrimeNG 版本 6. Angular 版本 9 的组件 Calender。例如，如果我从那里单击名称输入字段中的日期选择器并打开日期字段并再次单击名称上的焦点，是否有功能，日期选择器关闭？Focusout 仅在我在日期输入字段中时有效。当另一个字段有焦点时，我想关闭日期选择器。我已经使用了焦点输出。

(focusout)="close()"

Answer 1

查看日历的方法

你找到toggle方法，所以唯一的就是调用这个方法。为此，您可以从 .html 使用模板引用变量并使用，例如

<p-calendar #myvariable inputId="basic" [(ngModel)]="date1"></p-calendar>

<button (click)="myvariable.toggle()">click</button>

你想从代码中做，你ViewChild用来“获取” p-calendar

@ViewChild('myvariable') calendar:any;
//and in any place
this.calendar.toggle()

更新我们可以使用类似的方法检查是否打开

<input (focus)="myvariable.overlayVisible && myvariable.toggle()">

查看堆栈闪电战