在我们使用 layui 框架时会出现后台管理系统 layui 的子页面出现时间控件闪退的问题, 根本选取不到时间. 那么怎么解决呢? 下面本篇文章给大家介绍一下解决方法. 有一定的参考价值, 有需要的朋友可以参考一下, 希望对大家有所帮助.
项目上线, 发现后台管理系统 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 的相关知识, 可访问: web 前端自学 https://www.html.cn/ !!
来源: http://www.css88.com/framework/layui/18050.html