Angular中CoreUI日期选择器的ngModelChange事件失效问题

问题原因 #

CoreUI的c-date-picker组件的双向绑定基于date属性实现，它的日期变更触发事件是组件原生的dateChange，而非通用的ngModelChange，所以绑定ngModelChange不会触发回调函数。

修复方案 #

1. 将事件绑定替换为组件原生的(dateChange)
2. 在回调函数中同步更新endDate

修改后的模板代码 #

<!-- startDate -->
<div>
     <small>{{lang.FromDate}}</small>
     <c-date-picker [(date)]="startDate" [ranges]="customRanges"
     (dateChange)="onDateChange($event)"></c-date-picker>
</div>

修改后的回调函数 #

onDateChange(date: any) {
    console.log("Date selected:", date);
    // 同步更新endDate为选中的日期
    this.endDate = date;
}

额外检查点 #

• 确保组件类中已正确声明并初始化startDate和endDate变量
• 若使用自定义日期范围ranges，需确认其配置未与基础日期选择逻辑冲突

内容的提问来源于stack exchange，提问作者karasu