首页 > 解决方案 > 是否有任何在时间更改时执行的 PrimeNg p-calendar 事件?

问题描述

我在我的项目中使用了 PrimeNg v5.2.7 作为 From Date 和 To Date,并且还在 To Date 中提供了 minDate 验证,但是如果我选择From Date 2021 年 1 月 30 日并且只更改To Date中的时间,那么今天的日期 2021 年 1 月 27 日将被选中迄今为止,这是错误的情景

    <p-calendar class="date" [minDate]="null!=model.start_date?model.start_date:dateTime"
[(ngModel)]="model.end_date"
[showIcon]="true" [showTime]="true"                                                                           showButtonBar="true"                                             [formControl]="form.controls['end_date']"
(onSelect)="onChangeEndDate()" [readonlyInput]="true"></p-calendar>

标签: javascriptangulartypescriptcalendarprimeng

解决方案


尝试使用:

您可以(ngModelChange)在您的日历中。它会在字段的值发生变化时触发。

<p-calendar class="date" [minDate]="null!=model.start_date?model.start_date:dateTime"
[(ngModel)]="model.end_date"
[showIcon]="true" [showTime]="true"                                                                           showButtonBar="true"                                             [formControl]="form.controls['end_date']"
(onSelect)="onChangeEndDate()" (ngModelChange)="onChangeEndDate()" [readonlyInput]="true"></p-calendar>

我想这会帮助你...


推荐阅读