如何解决layui时间控件闪退问题-创新互联

小编给大家分享一下如何解决layui时间控件闪退问题,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

成都创新互联公司专注于企业全网整合营销推广、网站重做改版、信宜网站定制设计、自适应品牌网站建设、H5场景定制商城网站建设、集团公司官网建设、外贸营销网站建设、高端网站制作、响应式网页设计等建站业务,价格优惠性价比高,为信宜等各大城市提供网站开发制作服务。

项目上线,发现后台管理系统layui的子页面出现时间控件闪退的问题,根本选取不到时间。

其原因是:如果出现页面找到多个节点,只有第一个节点能正常使用后面的节点都会闪退,可以理解为目前laydate不支持一次性render多个节点。不是什么实例重复的问题,因为我每个页面创建的实例都不一样还是闪退。而后台管理系统中这种父子页面确实有多个页面使用了时间控件,从而render多个节点。

解决方法:

laydate文件中的默认配置,trigger: 'focus' //呼出控件的事件这个focus改成click。

测试部署上线有效。

layui.use('laydate', function(){    var laydate = layui.laydate;    //日期时间选择器    laydate.render({        elem: '#startTime'        ,type: 'datetime'        ,trigger: 'click'//呼出事件改成click        //,format: 'yyyy-MM-dd HH:mm:ss' //可任意组合    });    //日期时间选择器    laydate.render({        elem: '#endTime'        ,type: 'datetime'        ,trigger: 'click'//呼出事件改成click        // ,format: 'yyyy-MM-dd HH:mm:ss' //可任意组合    });});

以上是“如何解决layui时间控件闪退问题”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!

当前名称:如何解决layui时间控件闪退问题-创新互联
标题路径:https://www.cdcxhl.com/article32/docosc.html

成都网站建设公司_创新互联,为您提供网站营销云服务器域名注册网站排名面包屑导航微信公众号

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

成都定制网站网页设计