一个页面多个地方使用日期组件 - layui.laydate时,多次渲染闪退问题

需求:页面中有多个地方需要设置日期,所以选择了layui的 laydate控件。




    
    Title
    
    


日期1:  - 
日期2:  - 

问题:但是在点击第二个“日期选择框”时,生成的选择框只是显示一下就消失了,参考网上的资料,是由于我们点击了“日期选择框”后 ,laydate会给input框增加一个 lay-key=”1”。

解决方法:通过类选择“日期选择框”,遍历循环创建实例。

$(function () {
    //遍历循环创建实例
    $('.J-startTime').each(function(index){
        var _this=this;
        laydate.render({
            elem: _this,
            done: function(value, date){

            }
        });
    });
    $('.J-endTime').each(function (index) {
        var _this=this;
        endDate[index]=laydate.render({
            elem:_this,
        });
    });
});

 

你可能感兴趣的:(总结)