广告
返回顶部
首页 > 资讯 > 前端开发 > JavaScript >layer.open后laydate失效怎么办
  • 777
分享到

layer.open后laydate失效怎么办

2024-04-02 19:04:59 777人浏览 安东尼
摘要

这篇文章主要为大家展示了“layer.open后laydate失效怎么办”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“layer.open后laydate失效怎

这篇文章主要为大家展示了“layer.open后laydate失效怎么办”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“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失效怎么办”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注编程网JavaScript频道!

--结束END--

本文标题: layer.open后laydate失效怎么办

本文链接: https://www.lsjlt.com/news/72879.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • layer.open后laydate失效怎么办
    这篇文章主要为大家展示了“layer.open后laydate失效怎么办”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“layer.open后laydate失效怎...
    99+
    2022-10-19
  • 使用vue.js路由后失效怎么办
    这篇文章将为大家详细讲解有关使用vue.js路由后失效怎么办,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。代码:<!DOCTYPE html> &l...
    99+
    2022-10-19
  • vue动画打包后失效怎么办
    这篇文章主要介绍了vue动画打包后失效怎么办,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。webpack 打包后动画未执行,就是npm ru...
    99+
    2022-10-19
  • struts2跳转后css和js失效怎么办
    小编给大家分享一下struts2跳转后css和js失效怎么办,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!在使用struts2的action执行后跳转到的jsp显...
    99+
    2023-06-08
  • 使用gateway后静态资源失效怎么办
    这篇文章主要介绍了使用gateway后静态资源失效怎么办,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。关于使用gateway后静态资源失效问题配置文件方式对应服务配置文件目录...
    99+
    2023-06-20
  • cookie失效怎么办
    如果你的cookie失效了,可以尝试以下方法:1. 清除浏览器缓存:打开浏览器设置,找到“清除缓存”或“清除浏览数据”的选项,勾选“Cookies和站点数据”选项,然后点击清除按钮。2. 重新登录:如果你使用的是需要登录的网站,尝试退出...
    99+
    2023-08-11
    cookie
  • Bootstrap中popover弹出框在append后失效怎么办
    这篇文章将为大家详细讲解有关Bootstrap中popover弹出框在append后失效怎么办,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。在使用popover(弹出框)...
    99+
    2022-10-19
  • php setcookie 失效怎么办
    本文操作环境:Windows7系统、PHP7.1版,DELL G3电脑php setcookie函数失效?最近在为一个网站写php后台的时候发现setcookie这个函数总是不能正常的设置cookie,通过var_dump()发现函数返回值...
    99+
    2021-04-21
    php setcookie
  • setcookie php 失效怎么办
    本教程操作环境:windows7系统、PHP8.1版、Dell G3电脑。setcookie php 失效怎么办?具体问题描述:PHP setcookie指定domain参数后,在IE下设置cookie失效了?解决方法下面的代码:在chro...
    99+
    2022-10-26
  • vue打包之后静态资源图片失效怎么办
    这篇文章主要为大家展示了“vue打包之后静态资源图片失效怎么办”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“vue打包之后静态资源图片失效怎么办”这篇文章吧。1...
    99+
    2022-10-19
  • php下access_token失效怎么办
    本文操作环境:windows10系统、php 7、thinkpad t480电脑。可能你也和我一样遇到过这样的问题:PHP明明设置了缓存,而且也没有过期,但是却提示失效。遇到这种问题一般是因为两种情况:多个appid和secrete 生成的...
    99+
    2021-10-29
    php access_token
  • JS出现失效怎么办
    这篇文章主要介绍JS出现失效怎么办,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!对于大前端来说,JS可谓是我们的神器,从页面的效果到数据的传递,再到后台的业务,无处不充斥着JS的身影...
    99+
    2022-10-19
  • layui弹框失效怎么办
    小编给大家分享一下layui弹框失效怎么办,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!之前一直用layer弹框组件一直出现这个...
    99+
    2022-10-19
  • angularJS的$watch失效怎么办
    小编给大家分享一下angularJS的$watch失效怎么办,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!$watch方法,它可...
    99+
    2022-10-19
  • jquery 表单失效怎么办
    本教程操作环境:Windows10系统、jquery3.2.1版、DELL G3电脑jquery 表单失效怎么办?jQuery控制form表单提交无效 $(form).submit() 无效查看form表单内部 是否有submit属性的bu...
    99+
    2023-05-14
    表单 jQuery
  • react里的require失效怎么办
    本教程操作环境:Windows10系统、react18.0.0版、Dell G3电脑。react里的require失效怎么办?react项目中require引入图片无效的原因及解决方案原因如果使用create-react-app和requi...
    99+
    2023-05-14
    require() React
  • margin-top在Firefox失效怎么办
    这篇文章主要介绍margin-top在Firefox失效怎么办,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!margin-top在Firefox失效的解决方法"collap...
    99+
    2022-10-19
  • css中line-height失效怎么办
    小编给大家分享一下css中line-height失效怎么办,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧! 一、行高失效标题问题启事: 检查你CSS中设置字体font-family技俩属...
    99+
    2022-10-19
  • javascript选择器失效怎么办
    本教程操作环境:Windows10系统、javascript1.8.5版本、Dell G3电脑。javascript选择器失效怎么办?jQuery的ID选择器失效问题jQuery的ID选择器,在同一项目别的文件中一切正常;在当前页面,jQu...
    99+
    2023-05-14
    javascript 选择器
  • layui: layer.open加载窗体时出现遮罩层怎么办
    小编给大家分享一下layui: layer.open加载窗体时出现遮罩层怎么办,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!如下所示:把窗体方法独立出来放在layer.use([],fun...
    99+
    2022-10-19
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作