angular6使用laydate点击无效或闪一下就消失的问题

最新推荐文章于 2021-07-09 09:48:30 发布
最新推荐文章于 2021-07-09 09:48:30 发布
阅读量2k 收藏
点赞数
文章标签： angular angular6 laydate
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43225030/article/details/83624516
版权

angular6使用laydate点击无效或闪一下就消失

问题来源
同一个父组件引用多次子组件时，由于同一个页面中id重复的问题
如果按一般方法去render日期插件时，当laydate控件在子组件中进行初始化时，点击闪一下就消失
当laydate控件在父组件中进行初始化时，造成日期控件可能会出不来

解决方法:
如果子组件中含有laydate日期控件，而父组件又多次引用子组件时，在子组件中用document.querySelectorAll()方法获取所有id名重复的元素，用循环遍历初始化

在这里插入图片描述

kksw1121
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
laydate点击输入框闪一下不见了_解决layui laydate 时间控件一闪而过的问题
weixin_39517400的博客
12-21 2314
解决layui laydate 时间控件一闪而过的问题问题：一个页面多次重载时间控件，并且都是不同页面，会导致时间控件绑定了，又被覆盖其他id的时间控件，又重新绑定上去。就会导致点击日期框 ，弹框一闪而过，从其他弹窗切换回来，又有了。解决方式：1.把lay-key去掉2.在每次加载对应页面的时间绑定以上这篇解决layui laydate 时间控件一闪而过的问题就是小编分享给大家的全部内容了，希望能...
动态变更绑定的laydate类型，第一次点击无法触发点击事件，第二次才能触发
xcdsdf14545的博客
12-20 2502
第一次点击无法触发点击事件 <div class="contain" id="changeDiv"> <div class="edit-div" contenteditable="true"></div> </div> ----------------------------------------------------------- f...
解决layui laydate动态创建多个时不起作用点击无效的问题
BlueKitty的博客
04-22 7604
最近在一个表单中有个自定义日期选项, 用户每点击一次按钮就动态增加一行日期选择框 . 我选择了laydate框架来完成 , 但在新生成的日期组件中 , 除了第一个生成的外 , 其他的点击和选择都不起作用. 或者是闪了一下立刻消失了 . 通过排查问题及网上搜索终于定位原因. 我们在每次动态生成laydate组件时, laydate框架会给input输入框增加一个lay-key="1", 这样...
基于layui的laydate，在加载后台数据时laydate.render()不起作用。
weixin_30449239的博客
06-26 4573
1. 以前有过一次折磨的经历。第一时间没记起来。先看图 　　1.1 后台数据加载出来的效果 　　 　　1.2 点击选择时间后弹出日期格式不合法 　　 　　1.3 合法数据 　　 2. 代码片段 <script type="text/javascript"> var layData = [ 'form', 'laydate' ]; la...
laydate 时间框点击弹出后立马消失
weixin_46124208的博客
06-01 1215
，laydate 点击后偶尔会出现立马消失的情况。如下图，点击支付时间，靠左点击就会出现这种情况，靠近红色* 那边点击就不会出现。 这个 如果支付时间是在第一行，也不会出现这种情况，在最下面也基本不出现。现在就想怎么解决这个问题。 js代码如下： laydate 解决方法，增加一个参数 trigger:‘click’， 即可。 修改后js 修改后点击支付时间效果如下，完美弹出！ 作者：风也醉 链接：https://www.jianshu.com/p/a2e42e4ea6cd 来源：简书 著作权归作者所有。商
关于layui日期控件闪烁
银河刨冰的博客
12-06 1073
在用layui日期控件时，有时候会出现闪屏。而且这种问题会出现在部分电脑上，有的电脑打开网页是不会有问题的。 主要是因为页面向下高度不够打开一个日期弹框，有的电脑屏幕太小，或者在打开页面时进行了缩小就可能会出现这样的情况。 只要在laydate.render时加上trigger: 'click’就可以了。具体代码如下： laydate.render({ elem: '#St...
Angular6中使用Swiper的方法示例
08-27
Angular6 中使用 Swiper 的方法示例 Angular6 中使用 Swiper 的方法示例是指在 Angular6 项目中使用 Swiper 库来实现滑块效果的方法。本文将详细介绍 Angular6 中使用 Swiper 的方法示例，以供大家学习和参考。 ...
Angular4.0中引入laydate.js日期插件的方法教程
10-18
在AngularJs中我们会不可避免的使用第三方库，例如jquery插件库。下面这篇文章主要给大家介绍了关于Angular4.0中引入laydate.js日期插件的相关资料，需要的朋友可以参考借鉴，下面随着小编来一起学习学习吧。
Angularjs中使用layDate日期控件示例
01-19
前情：原来系统中使用的日期控件是UI bootstrap（地址：https://angular-ui.github.io/bootstrap/）里的。后来因为各种原因，要换掉UI bootstrap中的日期控件，改用layDate日期控件。 解决思路：将layDate的初始化及...
在 Angular6 中使用 HTTP 请求服务端数据的步骤详解
10-18
本文分步骤给大家介绍了在 Angular6 中使用 HTTP 请求服务端数据的方法,本文给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下
Clothing-Search-Website:使用angular6和flask的服装搜索网站
05-08
我的网该项目是使用版本1.7.3生成的。网页版面开发服务器为开发服务器运行ng serve 。... 如果您更改任何源文件，该应用程序将自动重新加载。...进一步的帮助要获得有关Angular CLI的更多帮助，请使用ng help或查看 。
解决layui laydate 时间控件一闪而过的问题
12-13
问题：一个页面多次重载时间控件，并且都是不同页面，会导致时间控件绑定了，又被覆盖其他id的时间控件，又重新绑定上去。就会导致点击日期框 ，弹框一闪而过，从其他弹窗切换回来，又有了。 解决方式： 1.把lay-key去掉 2.在每次加载对应页面的时间绑定 以上这篇解决layui laydate 时间控件一闪而过的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持软件开发网。
laydate 时间框弹窗点击弹出后立马消失的问题解决
dearbaba_11的博客
07-02 162
laydate 时间框弹窗点击弹出后立马消失的问题解决
laydate 点击弹出消失
汪学友的博客
12-24 843
现象：当窗口容不下 laydate时间框 时，就会出现 laydate时间框 出现后，立马消失。 解决方案： laydate.render({ elem:"#test",//绑定元素ID trigger:'click'//增加这个，解决闪屏 });
使用layui的laydate组件点击后日期组件闪退，一闪而过的解决方法
诸事顺利
11-26 972
使用layui的laydate组件点击后日期组件闪退，一闪而过的解决方法 官方文档 laydate.render({ elem: '#test' ,trigger: 'click' //采用click弹出 });
LayUI时间选择控件只闪烁一下后消失
foxbamboo的博客
09-29 378
加入这个属性trigger: ‘click’ laydate.render({ elem: '#starttime' ,type: 'datetime' ,trigger: 'click' }); 感谢原文作者
LayUI 日期控件一闪就消失
weixin_49035356的博客
07-09 351
在Layui的日期控件加入一行 ,trigger: 'click' laydate.render({ elem: '#L_birthday' ,format: 'yyyy-MM-dd' //可任意组合 });
layui时间控件点击后消失解决方法
俗世庸人
09-16 6683
记：解决layui弹框中的时间控件点击后消失，切换页面后又显示的问题： html代码： <label class="layui-form-label">发货时间</label> <div class="layui-input-inline"> <input type="text" class="layui-input" id="sendTime" n...
angular中input使用ngModel无效
最新发布
05-16
如果在Angular中使用ngModel绑定输入框的值，但是输入框的值没有被绑定，可能是由于以下原因： 1. 没有正确引入FormsModule 在使用ngModel前，需要先引入FormsModule模块，确保在应用程序的NgModule注入中导入...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值