EasyUI 日期选择框(datebox) 添加 change 事件无效的解决方法
原因:
EasyUI 框架中的日期选择框(datebox)是通过 input 元素实现的,并且该元素是通过 JavaScript 动态生成的,因此无法直接在 HTML 中为其添加事件,需要通过 JavaScript 代码来为其添加事件。
解决方法:
- 为日期选择框添加 onchange 事件
在 EasyUI 中,可以通过以下代码为日期选择框添加 onchange 事件:
$('.easyui-datebox').datebox({
onChange: function() {
//TODO: 处理日期改变事件
}
});
- 为日期选择框添加 onSelect 事件
除了使用 onchange 事件外,还可以使用 onSelect 事件来处理日期选择框的日期改变事件。代码如下:
$('.easyui-datebox').datebox({
onSelect: function(date) {
//TODO: 处理日期改变事件
}
});
注意:
以上代码需要在 EasyUI 框架加载完成后执行,否则无法为日期选择框添加事件。可以将代码放在 $(document).ready() 函数中,或者放在 EasyUI 框架的 onLoadSuccess 事件中。
原文地址: https://www.cveoy.top/t/topic/obLm 著作权归作者所有。请勿转载和采集!