解决layer.open后laydate失效的问题
程序员文章站
2023-11-11 15:47:10
如果你的open方式是1(html)的话这样是可以的,
如果是2(iframe)方式打开,你把注入的代码写在打开的界面就可以了不用这样写,open的参数type是有区别的...
如果你的open方式是1(html)的话这样是可以的,
如果是2(iframe)方式打开,你把注入的代码写在打开的界面就可以了不用这样写,open的参数type是有区别的,所以请注意:
今天在开发项目时候使用到了laydate,按照说明使用发现出现下面的问题:
1.在正常页面中使用laydate组件没有问题,点击可以正常显示出来
2.但是在layer.open打开一个窗体后就没有效果了
分析思路:由于页面的加载如果js在页面元素显示之前就执行,那么就会出现无法渲染组件的问题,所有决定等元素渲染后再执行js,
于是先看官方对layer的弹出窗文档,发现success参数说明:当你需要在层创建完毕时执行一些语句,可以通过该回调。
所有把对laydate的渲染放在这里即可,下面是success中的代码:
success: function(layero, index) {//成功后注入事件,不然js在页面完成完成之前就执行,点击没有效果 laydate.render({ elem: '#publishtime', //指定元素 type: 'datetime', //日期格式类型 }); }
最后记得使用到什么组件需要引入才可以。
以上这篇解决layer.open后laydate失效的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
推荐阅读
-
Asp.Net服务器发送HTTP标头后无法设置内容类型的问题解决
-
SQLServer 数据库变成单个用户后无法访问问题的解决方法
-
Android定时器实现的几种方式整理及removeCallbacks失效问题解决
-
解决layer.open后laydate失效的问题
-
EasyUi 打开对话框后控件赋值及赋值后不显示的问题解决办法
-
解决vue-cli脚手架打包后vendor文件过大的问题
-
解决android Listview的item中最外层Margin失效的问题
-
基于vue打包后字体和图片资源失效问题的解决方法
-
详谈vue+webpack解决css引用图片打包后找不到资源文件的问题
-
解决安装pycharm后不能执行python脚本的问题