使用PrimeNG日历检测[(ngmodel)更改为选定日期

Question

我有一个输入元素,其中包含使用PrimeNG日历创建的附加日期选择器.

HTML部分

<p-calendar showAnim="slideDown" 
            id="calendar" 
            [showIcon]="true 
            [(ngModel)]="myDate" 
            (blur)="onBlurMethod($event)">
</p-calendar>

这里我使用了PrimeNG日历标签.我使用了一个隐藏的文本框,所以我可以选择更新的值,但它反映在文本框中.如何捕获任何事件的更新值？

<input type="hidden" id = "datePickerText" [ngModel]="myDate">

当用户通过直接输入input元素来更改日期时,我可以使用input元素的blur事件获取值,如上所示.但是当用户从datepicker更改日期时(即通过单击日历上的日期),不会调用模糊处理程序.

如何通过datepicker输入元素检测对所选日期的更改,而不是通过键入输入元素？

Answer 1

该PrimeNG日历有可以使用两个事件:onBlur和onSelect.

所以你可能想要改变你的代码onBlur而不是blur:

<p-calendar showAnim="slideDown" 
            id="calendar" 
            [showIcon]="true"
            [(ngModel)]="myDate" 
            (onBlur)="onBlurMethod($event)">
</p-calendar>