layer在html中的data写法,解决在layer.open中使用时间控件laydate失败的问题，layeropen...

素颜马尾好姑娘i 2022-10-06 04:53 89阅读 0赞

解决在layer.open中使用时间控件laydate失败的问题，layeropen

今天有个需要，用户进入页面的时候，弹出一个弹窗，弹窗中选择一个时间，弹窗大概是这样的：

![20190911105423.jpg][]

我的思路是，先在页面写好弹窗内容，然后使用lay.open设置content即可：

时间：

layer.open(\{

content: $("\#layout").html(),

success: function()\{

laydate(\{

"elem": "\#time"

\});

\}

\});

执行，发现无论怎么点击输入框，时间控件都出不来，也就是说，这种写法下，laydate失效了。然后在官网中找到一个帖子上说，把content: $("\#layout").html()改成content: $("\#layout")即可，惊喜的发现真的可以，效果如下：

![20190911105432.jpg][]

效果是实现了，可是顶部的\[object object\]是什么鬼？

一开始，通过css将顶部的\[object object\]隐藏了，但是总觉得很别扭。然后经过一番折腾之后发现，其实只要指定下层的类型为页面层就可以完美的解决这个问题：

layer.open(\{

layer: 1,

content: $("\#layout").html(),

success: function()\{

laydate(\{

"elem": "\#time"

\});

\}

\});

注：使用的版本分别为layer3.x.x.，laydate1.x.x，其他版本搭配是否可以直接设置时间未测试。

以上这篇解决在layer.open中使用时间控件laydate失败的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持3672js教程。

本站文章为3672js教程网友分享投稿，版权归原作者，欢迎任何形式的转载，但请务必注明出处。同时文章内容如有侵犯了您的权益，请联系我们处理。

[20190911105423.jpg]: http://www.jb51.net/files.jb51.net/file_images/article/201909/20190911105423.jpg
[20190911105432.jpg]: http://www.jb51.net/files.jb51.net/file_images/article/201909/20190911105432.jpg

发表评论取消回复

表情：

评论列表（有 0 条评论，89人围观）

还没有评论，来说两句吧...

相关阅读

相关 layui-laydate时间日历控件详细示例

layui-laydate时间日历控件详细示例 ![426136e8363e68fc321f3d3551b0d579.png][] [豆趣编程][Link 1] 201

旧城等待，/ 2023年10月05日 18:09/ 0 赞/ 22 阅读

相关 EXC中时间控件的使用

EXC中时间控件的使用第一种：用户可以自主选择时间页面效果： ![在这里插入图片描述][20200415113549475.png] 对应代码：form

雨点打透心脏的1/2处/ 2023年07月25日 12:57/ 0 赞/ 6 阅读

相关 layDate时间控件一闪而过问题

使用layDate时间控件，有时候打开会闪退这个好像只在谷歌浏览器中才会出现这个问题，试了ie、火狐、360等都没有问题，只有在谷歌浏览器中才会出现问题，解决方式：控

忘是亡心i/ 2023年07月11日 05:40/ 0 赞/ 30 阅读

相关在html中引入pikaday的时间控件

版权声明:转载请标明博客地址,谢谢！ ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0

阳光穿透心脏的1/2处/ 2022年11月30日 15:57/ 0 赞/ 239 阅读

相关 layDate时间控件

给大家介绍一款超好用的控件layDate控件，layui.laydate 下载类库之后直接使用，在这里我先展示效果图： ![在这里插入图片描述][watermark_t

た入场券/ 2022年11月05日 14:51/ 0 赞/ 225 阅读

相关 layer在html中的data写法,解决在layer.open中使用时间控件laydate失败的问题，layeropen...

解决在layer.open中使用时间控件laydate失败的问题，layeropen 今天有个需要，用户进入页面的时候，弹出一个弹窗，弹窗中选择一个时间，弹窗大概是这样的：

素颜马尾好姑娘i/ 2022年10月06日 04:53/ 0 赞/ 90 阅读

相关在Qt中使用ActiveX控件

在Qt中使用ActiveX控件 Qt的windows商业版本提供了ActiveQt这个framework，使用这个组件我们可以在Qt中使用ActiveX控件，并且也开发基于

亦凉/ 2022年06月04日 01:07/ 0 赞/ 404 阅读

相关 layui-laydate时间日历控件详细示例

![70][]![70 1][]![70 2][]![70 3][] layui下载地址：[http://www.layui.com/][http_www.layui.com

迷南。/ 2022年05月24日 08:07/ 0 赞/ 468 阅读

相关 layui在table表格中添加时间控件

timeB为name layui.table.render({ elem: 'lay-purchasing-change',

向右看齐/ 2022年04月18日 03:23/ 0 赞/ 1289 阅读

相关 vue中使用时间插件、vue使用laydate

<input id="time1" readonly="readonly" placeholder="这里选择时间" v-model='input3' />

雨点打透心脏的1/2处/ 2021年11月01日 08:50/ 0 赞/ 660 阅读