1. 问题
最近在梳理老项目时点击日期框,然后频繁的报错 WdatePicker:el is null! nexample:onclick="WdatePicker({el:this})"
。
我在其它项目中遇到了点击没有弹出提示,但是debug之后也是没有绑定dom,此类问题实际上是同一个问题!!!
这个问题会一直弹框,关都关不掉。
2.解析
报错信息提示说dom节点是空的,例子里应该在调用 WdatePicker
方法是要传入dom元素,需要调用日期控件的dom一般是谁调用传入谁,所以可以在这里只用传入 this
。
3.处理
<input id="Wdate" type="text">
<script type="text/javascript"> onclick="WdatePicker()"
document.getElementById('Wdate').addEventListener("focus", function() {
// el属性指向的是用来渲染调用日期框的dom元素
WdatePicker({
dateFmt: 'yyyy-MM-dd', // 格式
maxDate: '%y-%M-%d', // 最大
el: this, // 用来渲染的dom元素
onpicked: function() {
// 选中
},
oncleared: function() {
// 清除
}
})
});
</script>
4.结果
没有报错了