layui laydate 组件点击后一闪而过的解决方法

最新推荐文章于 2024-08-22 17:29:05 发布
最新推荐文章于 2024-08-22 17:29:05 发布
阅读量8.3k 收藏 8
点赞数 12
分类专栏： LayUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u011415782/article/details/96482737
版权

  • 问题描述
    今天在使用 layui的日期和时间组件的时候发现；
    点击后只是一闪而过，根本无法正常使用（但是，我以前就是这么用的，不记得有问题）

  • 官方文档 —— 日期和时间组件文档

  • 解决方法：
    你可以注意到，该组件有一个参数为 trigger ,虽然默认值为 focus，但是很可能由于展示空间的影响而失效，建议自行配置一下

    所以，给出的建议代码，加上 trigger即可…

  • 附录：
    开发过程中，发现对于日期/时间 控件的使用;
    有时默认保存了缓存选项是很不方便的，此时可以添加 autocomplete="off"

moTzxx
关注
专栏目录
layui 时间控件(laydate) 闪退问题
u012837767的博客
08-26 1827
layui 时间控件(laydate) 闪退问题 问题描述： 在layui项目中，使用了时间控件，在火狐浏览器能正常弹出时间选择控件，但是切换成谷歌浏览器后，发现，时间选择控件一闪而过，或时好时坏 问题原因: laydate的自定义弹出控件，其属性trigger如果不指定，那么在绑定元素为input的情况下是“focus” 解决办法 指定其trigge属性为'click' 示例 //日期 laydate.render({
laydate点击输入框闪一下不见了_解决layui laydate 时间控件一闪而过的问题
weixin_39517400的博客
12-21 2392
解决layui laydate 时间控件一闪而过的问题问题：一个页面多次重载时间控件，并且都是不同页面，会导致时间控件绑定了，又被覆盖其他id的时间控件，又重新绑定上去。就会导致点击日期框 ，弹框一闪而过，从其他弹窗切换回来，又有了。解决方式：1.把lay-key去掉2.在每次加载对应页面的时间绑定以上这篇解决layui laydate 时间控件一闪而过的问题就是小编分享给大家的全部内容了，希望能...
LayUI 时间控件的简单使用
最新发布
NoFind_Coder的博客
08-22 197
参考站点：http://layui.xhcen.com/doc/laydate.html。项目LayUI版本为2.5.7。
解决layui laydate 时间控件一闪而过的问题
12-13
问题：一个页面多次重载时间控件，并且都是不同页面，会导致时间控件绑定了，又被覆盖其他id的时间控件，又重新绑定上去。就会导致点击日期框 ，弹框一闪而过，从其他弹窗切换回来，又有了。 解决方式： 1.把lay-key去掉 2.在每次加载对应页面的时间绑定 以上这篇解决layui laydate 时间控件一闪而过的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持软件开发网。
layui日期控件laydate“一闪而过”的解决办法及样式设置
qq_39022178的博客
01-27 641
【代码】【无标题】
laydate多个时间控件一闪而过问题
qq_37167515的博客
04-20 1239
laydate多个时间控件一闪而过问题 在写公司前端的时候碰到了laydate时间控件的一个坑，当一个页面中用到多个laydate时间控件时，会使得一个控件能用，但是其他两个都会一闪而过的情况，即使更换id也不能解决问题。这是因为第一个时间控件绑定了，再绑定其他ID的控件上去，组件之间会相互冲突。解决办法是更换触发方式，代码十分简洁如下： 给每个控件增加trigger : 'click’属性 la...
layui laydate 时间控件一闪而过
全盛
05-15 434
问题：一个页面多次重载时间控件，并且都是不同页面，会导致时间控件绑定了，又被覆盖其他id的时间控件，又重新绑定上去。就会导致点击日期框 ，弹框一闪而过，从其他弹窗切换回来，又有了。 解决方式： 1.把lay-key去掉 2.在每次加载对应页面的时间绑定 转载自：https://blog.csdn.net/qq_38423105/article/details/80882724 ...
layDate时间控件一闪而过问题（laydate.render）
oopxiajun博客专栏
06-12 2053
第一种：弹出框里面 一闪而过 加一个trigger: 'click' laydate.render({ elem: '#ctime' ,btns: ['clear', 'now'] ,trigger: 'click' }); 第二种：注意同一个input不要重复 绑定日历控件 参考：https://fly.layui.com/jie/51450/ ...
关于layui 弹出层一闪而过就消失的解决方法
10-16
layui 是一个轻量级的前端组件库，它提供了一系列丰富的UI组件，包括弹出层（popup layer）等。在使用layui时，有时可能会遇到弹出层在页面上瞬间显示后立即消失的问题，这通常是由于多种原因导致的。以下是一些可能...
layui日期控件点击一闪而过、日期范围选择的解决方法
u012833739的博客
08-13 3350
layui日期控件点击一闪而过解决方法 今天做项目用layui日期控件，发现一个bug，点击选择日期，弹出的框会一闪而过，切屏回来就出来了。 解决方法： layui.use('laydate', function() { var laydate = layui.laydate; $(this).removeAttr("lay-key"); //执行一个laydate实例 ...
layui laydate 组件点击一闪而过的问题
姚句的博客
10-17 290
一闪而过的代码： laydate.render({ elem: '#estimateTime' }); 解决： laydate.render({ elem: '#estimateTime', trigger: 'click' });
LayData时间选择器一闪而过
阿圣_Code
11-20 657
当我点击时间选择器时发现一闪而过，当时很纳闷，也是按照文档来的，为什么不行呢，于是逛论坛，学习前辈经验，解决方法如下 从： <div class="layui-inline"> <input class="layui-input...
laydate 一闪而过
sktl1127的博客
04-12 702
laydate.render()的时候加上 trigger: 'click' laydate.render({ elem: '#test1', trigger: 'click' });
laydate闪退
宇宙的黑洞
05-29 3031
1,解决方案一：加 trigger: ‘click’ laydate.render({ elem: this ,format:‘yyyy-MM-dd HH:mm:ss’ ,type:‘datetime’ ,trigger: 'click’ }); 解决方案二： $("#"+dateControlId).removeAttr(“lay-key”); ...
layui-laydate-点击输入框闪烁一下就消失
weixin_38222242的博客
04-15 455
layui.use('laydate',function(){ let laydate=layui.laydate; laydate.render({ element:"#test", type:"month", max:"2021-03-12"， trigger:"click", // 关键 format:"yyyy-MM" }); });
使用layui的laydate组件点击后日期组件闪退，一闪而过的解决方法
诸事顺利
11-26 1039
使用layui的laydate组件点击后日期组件闪退，一闪而过的解决方法 官方文档 laydate.render({ elem: '#test' ,trigger: 'click' //采用click弹出 });
解决laydate一闪而过的问题，加上trigger:‘click‘
Mia的博客
01-19 620
laydate.render({ elem: ‘#study_date’ + i, type: ‘datetime’, format: ‘yyyy-MM-dd HH:mm’, theme: ‘#1E9FFF’, trigger: ‘click’ //解决laydate一闪而过的问题，加上trigger:‘click’ });
laydata 点击日期闪现
baodaotui4761的博客
04-30 188
因项目需求需要多个日期，然后点击日期就会出现闪现的情况，导致选择不了日期 html代码 <table class="form"> <tr> <th class="formTitle">开始日期：</th> ...
laydate页面重新加载后一闪而逝
09-04
laydate 是一个基于 layui 框架的日期选择器组件，当页面重新加载后，可能会导致 laydate 组件一闪而逝的问题。这个问题通常是由于在页面加载时，laydate 组件还未完全初始化完成，就被页面刷新导致的。 解决这个问题的办法有两种： 1. 延迟加载：可以在页面加载完成后，再初始化 laydate 组件。这可以通过 jQuery 的 `$(document).ready()` 函数来实现。具体步骤如下： ```javascript $(document).ready(function(){ laydate.render({ // laydate 的配置参数 }); }); ``` 这样 laydate 组件就会在页面加载完毕后被初始化，避免了一闪而逝的问题。 2. 异步加载：如果 laydate 组件依赖于其他文件（如 layui 的文件），可以使用异步加载的方式来确保组件的完全加载。具体步骤如下： ```javascript layui.use(['layer', 'laydate'], function(){ var layer = layui.layer; var laydate = layui.laydate; laydate.render({ // laydate 的配置参数 }); }); ``` 在这种方式下，首先确保 layui 及其依赖文件已经被异步加载完毕，然后再初始化 laydate 组件。 通过延迟加载或异步加载，laydate 组件就可以在页面重新加载后正常显示，而避免了一闪而逝的问题。
评论 11
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值