laydate多次渲染不成功的解决办法

最新推荐文章于 2025-04-10 11:35:13 发布

原创最新推荐文章于 2025-04-10 11:35:13 发布 · 1.5k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#html5 #javascript #jquery #layui

收录于

javascript 专栏收录该内容

19 篇文章

订阅专栏

在使用layui的laydate组件时遇到一个问题：layer.open打开的页面中，时间选择框只有首次能正常弹出。尝试了删除lay-key和eventHandler属性等方法无效。最终发现是加载时机问题，通过设置setTimeout延迟渲染laydate解决了问题。

laydate多次渲染不成功的解决办法

最近用layui的laydate控件，使用layer.open打开的页面里有个时间选择框，只有第一次打开才能弹出日期控件，后面用layer.open打开的页面均无法触发日期控件的弹出。。网上找了许多解决办法，比如render前删除lay-key，也有删除eventHandler属性的，但无一例外全部不行。。
最后发现是加载的问题，解决办法，延迟渲染。

setTimeout(function () {  
  
                laydate.render({  
                    elem: '.layui-date'  
                    , type: 'date'  
                    , trigger: 'click'  
                });  
  
            },1000);