You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

AngularJS extended-datetimepicker组件onchange事件无法触发问题求助

extended-datetimepicker组件监听输入值变化问题

我已经查阅过很多修复方案,但都没能解决我的问题。
我目前在使用extended-datetimepicker库,需要在输入框内容更新后调用一个函数。
该时钟组件的使用可参考官方示例,我基本按照示例方式使用组件,将其绑定到ng-model上。
这个库通过指令实现,会弹出选择面板供用户选择日期或时间,我只用到了时间选择功能,非常认可该时钟的交互设计所以一直在使用,但我始终找不到方法监听输入框的onchange事件。
我查看指令源码时在第134行看到了注释//@TODO custom event to trigger input,原本想在这里添加相关逻辑,也尝试过添加element.on('change')函数,但都没能实现功能,目前没有其他思路了。
我需要用这个库批量加载多个时间选择器,方便用户选择时间,所以解决方案需要适配ng-repeat循环渲染的场景。

补充说明

在收到相关回答后,我进一步排查了$scope变量监听不生效的原因:我之前没有说明,我的$scope绑定变量是一个数组,这才是问题根源(这也提醒大家提问时要尽可能提供详细信息)。监听数组内部变化需要给$watch方法传入第三个参数true,实现深度监听。
示例代码如下:

$scope.$watch('timesArray', function() {
    alert('hey, time has changed!');
}, true); // 此处为开启深度监听的第三个参数

内容的提问来源于stack exchange,提问作者Lauro182

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.09.25 03:45:07