laydate日期插件弹出闪退和多次闪退问题解决

情况1:页面上多个时间插件

点击第一个input 日期,可以正常选择日期,之后点击任何一个,都会闪一下然后消失,无法正常选择; 原因:lay-key的值的问题,需要循环重新为lay-key赋值。

案例:

<input type="text"   class="test" class="layui-input">
<input type="text"   class="test" class="layui-input">
<input type="text"   class="test" class="layui-input">

代码解决:

var allDate = $(document).find(.layui-input)
    allDate.each(function(index, el) {
          
   
        $(this).removeAttr("lay-key");
        laydate.render({
          
   
            elem: this,//解决多次打开模态框闪退问题
            range: true,
            trigger: click,
            ready: function(date){
          
   
                $(".test").removeAttr("lay-key");
                $(this).attr("lay-key","1");
            }
        });
    });

情况2:页面上只有一个时间插件

如果是弹出框,或者是一个比较小的容器出现这种情况,把容器宽高设置大一点就可以解决这个问题了。

经验分享 程序员 微信小程序 职场和发展