现象

当日期控件弹出的界面在输入框之上时，如下图所示的红色矩形框所在的位置，

如果弹出日期控件的位置上下足够，并不覆盖输入框时，则不会出现这样的情况

原因分析

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

解决办法

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

 laydate.render({//指定元素时间控件绑定的元素elem: '#bindTime' //增加如下代码, trigger: 'click'//指定时间控件弹出的方式为click，如果不指定在绑定元素为input的情况下是“focus”});

注意

在google浏览器中，直接刷新并不会更新缓存的js，需要手动清除缓存，可以使用：Ctrl+Shift+Delete来清除缓存，否则有可能因为缓存的问题而没有实际的效果。

layui时间控件在谷歌浏览器中闪退相关推荐

laydate时间控件在谷歌浏览器中兼容性问题
时间控件离底部太近时 ,laydate时间控件在360里弹出正常,在谷歌浏览器中弹出有问题,总是闪一下也不弹出. 解决办法如下: 在如下代码中添加 trigger: 'click' //列表时间选择l ...
layui时间控件 laydate 重置失效
layui时间控件 laydate 重置失效问题描述页面代码问题处理问题描述 layui日期控件laydate引入页面后,页面开始时间小于结束时间,结束时间最大为当前时间,展示效果如图,第一次 ...
解决：laydate时间控件与谷歌浏览器兼容问题
最近在开发时候用到了laydate时间控件,但是在谷歌浏览器中总是有问题只有在鼠标放在时间框内部,在通过顶部任务栏访问才会弹出时间设置窗口,后来找到了解决办法如下: 在如下代码中添加 trigger ...
layui时间控件的简单使用
在做功能中,时间条件查询必不可少,最常见的就是单个日期选择.日期范围选择.layui的时间控件是比较好看并且实用的控件了,可以设置样式主题颜色.日期格式等等,使用起来也比较方便,这里我记录一下简单的使 ...
Layui时间选择器，Layui时间控件选择时间范围的方法
官方文档:https://www.layui.site/doc/modules/laydate.html 通用时间渲染函数 function renderTime(elem, type, value, ...
layui 日期范围选择器_layui时间控件选择时间范围的实现方法
解决layui时间控件清空之后无法正常使用的问题,以及时间范围的选择共有两种解决方式: 方式一(layui 1.x): html代码: placeholder="开始时间(修改时间)&qu ...
EXC中时间控件的使用
EXC中时间控件的使用第一种:用户可以自主选择时间页面效果: 对应代码:format: 'Y-m-d H:i:s',是时间格式,可以自己选择,Y-m-d H:i:s按照顺序分别对应的是年月日时分秒 ...
VB6.0中，DTPicker日期、时间控件不允许为空时，采用文本框与日期、时间控件相互替换赋值（解决方案）...
VB6.0中,日期.时间控件不允许为空时,采用文本框与日期.时间控件相互替换赋值,或许是一个不错的选择. 实现效果如下图: 文本框txtStopTime1 时间框DTStopTime1(DTPicke ...
VB6.0中，DTPicker日期、时间控件不允许为空时，采用文本框与日期、时间控件相互替换赋值（解决方案）
VB6.0中,DTPicker日期.时间控件不允许为空时,采用文本框与日期.时间控件相互替换赋值(解决方案) 参考文章: (1)VB6.0中,DTPicker日期.时间控件不允许为空时,采用文本框与日 ...

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

laydate闪退

现象

原因分析

解决办法

注意

layui时间控件在谷歌浏览器中闪退相关推荐

最新文章

热门文章