解决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失效的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
您可能感兴趣的文章:
相关文章
这篇文章主要为大家详细介绍了Ionic3 UI组件之autocomplete的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-06-06
这篇文章主要介绍了比例尺、缩略图、平移缩放之百度地图添加控件方法,大家都知道百度地图API中提供了丰富的控件，您还可以通过Control类来实现自定义控件，需要的朋友可以参考下2015-08-08
C#中TrimStart,TrimEnd,Trim在javascript上的实现
今天在后台写了个类,后来才发现,需要在JS上做..于是把代码拷到js上进行修改,代码中用到TrimStart,TrimEnd,Trim等方法,在网上找半天竟然没找到.要么就只能清除空格的!2011-01-01
对于uni-app中的组件,可以通过修改它们的样式来自定义它们的外观,下面这篇文章主要给大家介绍了关于uni-app如何用JS动态修改scss样式变量的相关资料,文中通过代码介绍的非常详细,需要的朋友可以参考下2024-07-07
这篇文章主要介绍了JS烟花背景效果实现方法,实例分析了javascript操作dom元素实现烟花特效的技巧,需要的朋友可以参考下2015-03-03
最近在小程序的开发过程中,需要用到双向绑定,遇到报错才知道微信本身是不支持对象双向绑定的,折腾一番找到解决方案,下面这篇文章主要给大家介绍了关于微信小程序中实现双向绑定的相关资料,需要的朋友可以参考下2023-01-01
这篇文章主要为大家详细介绍了标准的js无缝滚动效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-08-08
html中的<video>标签可以用来播放常见的音视频格式，支持的格式包括:MP3、Ogg、WAV、AAC、MP4、WebM、AVI等，当然支持的格式也和浏览器和操作系统有关，这篇文章主要介绍了video标签自动播放音视频并绘制波形图,需要的朋友可以参考下2023-09-09
uni-app使用uniCloud实现图形验证码(uni-captcha)详细过程
这篇文章主要给大家介绍了关于uni-app使用uniCloud实现图形验证码(uni-captcha)的相关资料,实际开发工作中在登陆的时候经常需要图形验证码,需要的朋友可以参考下2023-07-07
这篇文章主要介绍了javascript正则表达配置扩展名并实现验证，文章围绕主题展开相关资料，具有以得参考价值，需要的小伙伴可以参考一下2022-02-02
最新评论