解决layer.open后laydate失效的问题
更新时间：2019年09月06日 18:03:29 作者：R鲜森
今天小编就为大家分享一篇解决layer.open后laydate失效的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
如果你的open方式是1（html）的话这样是可以的，
如果是2（iframe）方式打开，你把注入的代码写在打开的界面就可以了不用这样写，open的参数type是有区别的，所以请注意：
今天在开发项目时候使用到了laydate，按照官方文档说明使用发现出现下面的问题：
1.在正常页面中使用laydate组件没有问题，点击可以正常显示出来
2.但是在layer.open打开一个窗体后就没有效果了
分析思路：由于页面的加载如果js在页面元素显示之前就执行，那么就会出现无法渲染组件的问题，所有决定等元素渲染后再执行js,
于是先看官方对layer的文档官方layer弹出窗文档，发现success参数说明：当你需要在层创建完毕时执行一些语句，可以通过该回调。
所有把对laydate的渲染放在这里即可，下面是success中的代码：
success: function(layero, index) {//成功后注入事件，不然js在页面完成完成之前就执行，点击没有效果
laydate.render({
elem: '#publishTime', //指定元素
type: 'datetime', //日期格式类型
});
}
最后记得使用到什么组件需要引入才可以。
以上这篇解决layer.open后laydate失效的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
您可能感兴趣的文章:
相关文章
这篇文章主要为大家详细介绍了微信小程序预览二进制流文件的方法，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-08-08
使用 JavaScript 在没有插件的情况下输入文本掩码的示例详解
这篇文章主要介绍了使用 JavaScript 在没有插件的情况下输入文本掩码,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2023-06-06
这篇文章主要介绍了JavaScript数组reduce()方法，reduce()方法是处理数组的方法，它接收一个函数和一个初始值，然后将数组中的每个元素和初始值当作参数传入这个函数中进行处理，最后返回和初始值相同类型的值,需要的朋友可以参考一下2022-01-01
2008-01-01
javascript的var与let,const之间的区别详解
这篇文章主要为大家介绍了 javascript的var与let,const之间的区别，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助2021-12-12
DOM(Document Object Model)，即“文档对象模型”。基于语义的逻辑结构，DOM将网页内的元素与内容呈现为一个清晰、易读的树状模型，下面小编把最近整理有关javascript笔记之DOM基础分享给大家，有需要的朋友可以参考下2015-08-08
bootstrap日期插件daterangepicker使用详解
这篇文章主要为大家详细介绍了bootstrap日期插件daterangepicker的使用方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-10-10
JS网络游戏-(模拟城市webgame)提供的一些例子下载...2007-10-10
本文通过实例代码给大家介绍了JS构造函数中this和return，需要的朋友参考下吧2017-09-09
这篇文章主要介绍了微信小程序调用摄像头隐藏式拍照功能，本文给大家带来了解决方法、官网代码和小编写的比较完整代码,需要的朋友可以参考下2018-08-08
最新评论