layui时间控件在谷歌浏览器中闪退

于 2021-02-20 09:37:11 发布
阅读量507 收藏 1
点赞数
分类专栏： Js&JQuery 文章标签： javascript laydate layui js 缓存
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/moguicy123/article/details/113876272
版权
本文主要讨论了layui时间控件在谷歌浏览器中出现闪退的现象，分析了可能的原因——由于触发事件设置不当导致。解决方案是在初始化时指定trigger为'click'，同时提醒用户在修改后清除浏览器缓存以确保效果生效。
摘要由CSDN通过智能技术生成

laydate闪退

现象

当日期控件弹出的界面在输入框之上时，如下图所示的红色矩形框所在的位置，
在这里插入图片描述
如果弹出日期控件的位置上下足够，并不覆盖输入框时，则不会出现这样的情况
在这里插入图片描述

原因分析

可以很明显的看得到日期控件出现而至消失，并且也未出现任何错误，这说明代码运行没有问题，而且什么条件触发了弹窗消失！
官方文档中有这样一段描述：
trigger - 自定义弹出控件的事件，类型：String，默认值：focus，如果绑定的元素非输入框，则默认事件为：click

解决办法

这里不再赘述时间控件的引入，只给出解决的代码片段，
在初始化时期控件时指定：trigger: ‘click’

 laydate.render(
最低0.47元/天 解锁文章
layui 时间控件(laydate) 闪退问题
u012837767的博客
08-26 1866
layui 时间控件(laydate) 闪退问题 问题描述： 在layui项目中，使用了时间控件，在火狐浏览器能正常弹出时间选择控件，但是切换成谷歌浏览器后，发现，时间选择控件一闪而过，或时好时坏 问题原因: laydate的自定义弹出控件，其属性trigger如果不指定，那么在绑定元素为input的情况下是“focus” 解决办法 指定其trigge属性为'click' 示例 //日期 laydate.render({
解决layui时间控件闪烁问题
dinghomie的博客
11-20 1275
解决layui时间控件由于屏幕比例不同导致无法显示的问题解决方式 这是原先的代码，此写法在页面大小不足时会发生时间控件无法显示（闪烁消失）的问题 laydate.render({ elem: '#startTime', //目标元素。由于laydate.js封装了一个轻量级的选择器引擎，因此elem还允许你传入class、tag但必须按照这种方式 '#id .clas...
Layui日期插件闪退问题、谷歌浏览器清空日期插件曾选中值
qq_34896730的博客
09-29 819
Layui日期插件的使用 本章主要讲解Layui日期插件在Java开发中的使用，内容可能不够全面，后期会做一些更改，欢迎大家批评、指正。 一、引入js、css <script src="/static/build/layui.js"></script> <link rel="stylesheet" href="/static/build/layui.css" med...
layui laydate 时间控件一闪而过
热门推荐
wisdom-chen
07-02 1万+
问题：一个页面多次重载时间控件，并且都是不同页面，会导致时间控件绑定了，又被覆盖其他id的时间控件，又重新绑定上去。就会导致点击日期框 ，弹框一闪而过，从其他弹窗切换回来，又有了。 解决方式： 1.把lay-key去掉 2.在每次加载对应页面的时间绑定...
layDate时间控件一闪而过问题
非凡的博客
03-04 790
使用layDate时间控件，有时候打开会闪退 这个好像只在谷歌浏览器中才会出现这个问题，试了ie、 火狐、360等都没有问题，只有在谷歌浏览器中才会出现问题， 解决方式：控件中添加 trigger: ‘click’ 属性后在谷歌浏览器中就不闪退了 //日期时间选择器 laydate.render({ elem: '#test' ,type: 'datetime' ,btns: ['c...
layui laydate 组件点击后一闪而过的解决方法
weixin_38171468的博客
07-01 1254
问题： 已经使用很长时间的项目，今天使用360浏览器发现 layui的日期和时间组件点击后只是一闪而过，根本无法正常使用(在此之前别的浏览器是能正常使用，一时没有找到什么原因) 官方文档 layui 日期和时间组件文档 解决方法： 该组件有一个参数为 trigger ,虽然默认值为 focus，但是很可能由于展示空间的影响而失效，建议自行配置一下，在使用该方法的就是文件中加上click 建议在初始化时间的时候加上trigger 默认保存缓存选项 开发过程中，发现对于日..
layui时间控件选择时间范围的实现方法
10-16
在本文中，我们将深入探讨如何在layui框架中实现时间控件选择时间范围的功能。layui是一款轻量级的前端UI框架，提供了丰富的...通过理解以上示例，你可以灵活地在layui中实现时间范围选择功能，以满足不同场景的需求。
解决layui laydate 时间控件一闪而过的问题
10-16
layui是一款优秀的前端框架，它提供了丰富的组件，如表格、表单、按钮等，而laydate则是layui中的一个时间选择插件，方便用户进行日期和时间的选择。然而，在实际使用过程中，可能会遇到laydate时间控件“一闪而过”...
layui日期控件点击一闪即过解决方法
稚彦的博客
02-02 508
今天使用layui框架来做管理系统的时候，表单中用到了一个日期的选择的控件。但是在选择时期的时候，那个日期显示的页面闪一下就没了。 我用的是官网的一个案例，先附上源代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>layDate快速使用</title> <link rel="stylesheet" href="/static/build/la
兼容ie、谷歌等浏览器的日期输入控件
10-12
自己测试过的兼容ie、谷歌等浏览器的日期输入控件，简单实用
layUI的laydate时间控件一闪而过问题的可能原因
weixin_42846602的博客
06-02 730
layUI的laydate时间控件一闪而过问题的可能原因 1.页面或弹窗向下高度不足以打开时间控件； 解决方法：加 trigger: ‘click’ ，如下 layui.use('laydate', function(){ var laydate = layui.laydate; laydate.render({ elem: '#operationTime' ,type: 'time'
layui时间控件点击后消失解决方法
俗世庸人
09-16 6845
记：解决layui弹框中的时间控件点击后消失，切换页面后又显示的问题： html代码： <label class="layui-form-label">发货时间</label> <div class="layui-input-inline"> <input type="text" class="layui-input" id="sendTime" n...
记录layui日期组件laydate闪屏的坑
weixin_44343107的博客
12-13 633
记录layui日期组件laydate闪屏的坑 在用layui框架构建前端页面的时候不知道各位是否遇到过这种坑，就是在使用layui.laydate组件时会出现闪屏的问题，不过百度一下子就解决了，随便记录一下。 <!--页面--> <input type="text" id="test1" name="filDate" class="layui-input" placehol...
解决：laydate时间控件与谷歌浏览器兼容问题
Clown_pan的博客
05-08 1239
最近在开发时候用到了laydate时间控件，但是在谷歌浏览器中总是有问题 只有在鼠标放在时间框内部，在通过地址栏访问才会弹出时间设置窗口，后来找到了解决办法如下： 在如下代码中添加 trigger: 'click’属性 <script> lay('#version').html('-v'+ laydate.v); //执行一个laydate实例 laydate.render({ elem: '#test' //指定元素 ,btns: ['
php界面框架luy_GitHub - hiccphp/layui: 经典模块化前端UI框架
weixin_40009099的博客
12-21 262
经典模块化前端UI框架Layui 是一款带着浓烈情怀的前端UI框架，她追求极简，又不失丰盈的内在，说她是史上最轻量的结晶，似乎并不为过。一切都源自于她对原生态的执着，对前端社区的那些噪杂声音的过滤，以及她本身的精心雕琢。经典，因返璞归真近几年，尤其是今年，常常会听到猿们吐槽“现在想简简单单的写个前端怎么就变得这么难呢？”。的确，前端目前正处于一个超出常理，且疯狂造轮子的黄金时代，标准化的逐步设想与...
My97DatePicker日期插件在谷歌浏览器无法正常显示
俊BU见GAO堂MING镜
07-27 5660
My97DatePicker日期插件在JSP页面中无法正常显示日期框， 原因为引用的JS路径有问题，需要加上 <%=basePath%> <script language="javascript" type="text/javascript" src="<%=basePath%>/resource/My97DatePicker/WdatePicker.js"></script>
KendoUi下的DatePicker在谷歌浏览器上不能正常显示时间的解决方法
weixin_30533797的博客
11-18 243
@(Html.Kendo().DatePickerFor(m => m.BillDate)) 解决方法：加上type="text"就能正常显示了。 @(Html.Kendo().DatePickerFor(m => m.BillDate).HtmlAttributes(new { type = "text" })) 原解决方法出处：https://www.t...
关于日期插件在chrome中出现被遮挡的问题
qq_21304945的博客
06-28 1565
前段时间在使用laydate日期控件时，出现了日期选项被遮挡的问题： 看了下出现的内容，好像是我选过的日期，做如下尝试： 清除浏览器缓存，无效； 查插件文档，并没有发现有改设置； 更换My97DatePicker插件，无效。 更换IE浏览器，发现并无类似情况 于是经过一番搜索，发现是谷歌浏览器对用户输入的内容有记录功能，用户在输入的时候会出现谷歌浏览器记录的内容，可以直接选择，只需在input...
layui 时间控件
最新发布
05-28
layui中的时间控件支持多种日期格式以及时间格式的选择，可以方便地满足不同需求的日期时间选择。同时，layui的时间控件还支持范围选择、快捷选择、自定义按钮等功能，可以满足更加复杂的日期时间选择场景。如果您...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值