laydate多个时间控件一闪而过问题
在写公司前端的时候碰到了laydate时间控件的一个坑,当一个页面中用到多个laydate时间控件时,会使得一个控件能用,但是其他两个都会一闪而过的情况,即使更换id也不能解决问题。这是因为第一个时间控件绑定了,再绑定其他ID的控件上去,组件之间会相互冲突。解决办法是更换触发方式,代码十分简洁如下:
给每个控件增加trigger : 'click’属性
layui.use('laydate', function(){
var laydate = layui.laydate;
//执行一个laydate实例
laydate.render({
elem: '#responseRange'
,range: true
,trigger : 'click'
});
});