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

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

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

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

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

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

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

moTzxx
关注
  • 12
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 11
    评论
专栏目录
laydate点击输入框闪一下不见了_解决layui laydate 时间控件一闪而过的问题
weixin_39517400的博客
12-21 2379
解决layui laydate 时间控件一闪而过的问题问题：一个页面多次重载时间控件，并且都是不同页面，会导致时间控件绑定了，又被覆盖其他id的时间控件，又重新绑定上去。就会导致点击日期框 ，弹框一闪而过，从其他弹窗切换回来，又有了。解决方式：1.把lay-key去掉2.在每次加载对应页面的时间绑定以上这篇解决layui laydate 时间控件一闪而过的问题就是小编分享给大家的全部内容了，希望能...
解决layui laydate 时间控件一闪而过的问题
12-13
问题：一个页面多次重载时间控件，并且都是不同页面，会导致时间控件绑定了，又被覆盖其他id的时间控件，又重新绑定上去。就会导致点击日期框 ，弹框一闪而过，从其他弹窗切换回来，又有了。 解决方式： 1.把lay-key去掉 2.在每次加载对应页面的时间绑定 以上这篇解决layui laydate 时间控件一闪而过的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持软件开发网。
layui日期控件laydate“一闪而过”的解决办法及样式设置
最新发布
qq_39022178的博客
01-27 610
【代码】【无标题】
laydate多个时间控件一闪而过问题
qq_37167515的博客
04-20 1238
laydate多个时间控件一闪而过问题 在写公司前端的时候碰到了laydate时间控件的一个坑，当一个页面中用到多个laydate时间控件时，会使得一个控件能用，但是其他两个都会一闪而过的情况，即使更换id也不能解决问题。这是因为第一个时间控件绑定了，再绑定其他ID的控件上去，组件之间会相互冲突。解决办法是更换触发方式，代码十分简洁如下： 给每个控件增加trigger : 'click’属性 la...
layui laydate 时间控件一闪而过
全盛
05-15 433
问题：一个页面多次重载时间控件，并且都是不同页面，会导致时间控件绑定了，又被覆盖其他id的时间控件，又重新绑定上去。就会导致点击日期框 ，弹框一闪而过，从其他弹窗切换回来，又有了。 解决方式： 1.把lay-key去掉 2.在每次加载对应页面的时间绑定 转载自：https://blog.csdn.net/qq_38423105/article/details/80882724 ...
layui-laydate时间日历控件使用方法详解
12-12
本篇文章将详细介绍laydate的使用方法，包括在layui模块中的使用和作为独立组件的使用，以及详细配置和事件触发。 1. **在layui模块中使用laydate**： 在layui框架内使用laydate，需要先引入layui.css和layui.js...
LayUI laydate日期选择器自定义 快捷选中今天、昨天 、本周、本月
04-23
LayUI laydate日期选择器自定义 快捷选中今天、昨天 、本周、本月等等
layDate时间控件一闪而过问题（laydate.render）
oopxiajun博客专栏
06-12 2048
第一种：弹出框里面 一闪而过 加一个trigger: 'click' laydate.render({ elem: '#ctime' ,btns: ['clear', 'now'] ,trigger: 'click' }); 第二种：注意同一个input不要重复 绑定日历控件 参考：https://fly.layui.com/jie/51450/ ...
layui laydate 组件点击一闪而过的问题
姚句的博客
10-17 290
一闪而过的代码： laydate.render({ elem: '#estimateTime' }); 解决： laydate.render({ elem: '#estimateTime', trigger: 'click' });
LayData时间选择器一闪而过
阿圣_Code
11-20 655
当我点击时间选择器时发现一闪而过，当时很纳闷，也是按照文档来的，为什么不行呢，于是逛论坛，学习前辈经验，解决方法如下 从： <div class="layui-inline"> <input class="layui-input...
laydate 一闪而过
sktl1127的博客
04-12 701
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 450
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 1038
使用layui的laydate组件点击后日期组件闪退，一闪而过的解决方法 官方文档 laydate.render({ elem: '#test' ,trigger: 'click' //采用click弹出 });
解决laydate一闪而过的问题，加上trigger:‘click‘
Mia的博客
01-19 617
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 187
因项目需求需要多个日期，然后点击日期就会出现闪现的情况，导致选择不了日期 html代码 <table class="form"> <tr> <th class="formTitle">开始日期：</th> ...
Bug：laydate组件：闪现
m0_37705406的博客
11-03 321
项目场景： 页面上有两个日期组件，组件采用laydate。 问题描述： 只有一个日期组件的时候，交互没问题；同时两个日期组件存在的时候，点击输入框，组件闪现。 <!-- 日期组件1 --> <div class="laydate-input"> <input id="date1" type="text" lay-key="1" readonly> <label for="date1" class="calendar-icon">&..
layui.laydate多时间控件闪现问题
weixin_44891920的博客
05-06 1182
问题： 鼠标点击后闪现，鼠标一直按着可以显示松开时消失。 问题原因 是由于lay-key相同引起的，如以下代码： <input id="actStartTime1" type="text" class="layui-datatime" lay-key="1"> <input id="actStartTime2" type="text" class="layui-datatim...
解决Laydate在弹出层中一闪而过的问题
吴朋个人博客
10-16 635
解决办法：添加 trigger: ‘click’ 属性 laydate.render({ elem: ‘#demo’ ,btns: [‘clear’, ‘now’] ,trigger: ‘click’ });
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、付费专栏及课程。

余额充值