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

素颜马尾好姑娘i 2022-10-06 04:53 75阅读 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 条评论，75人围观）

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

相关阅读

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

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

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

相关 layDate时间控件

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

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

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

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

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

相关在aspx网页中使用program控件

今天学习了怎么在aspx页面中使用进度条。因为是使用是局部更新,为了使前端知道程序正在运行,特意加入进度条，以显示网页正在响应。要点如下： 1.需要加上UpdatePan

短命女/ 2022年08月19日 08:51/ 0 赞/ 173 阅读

相关如何在PB中使用WINSOCK控件

如何在PB中使用WINSOCK控件　　原著：达伟春　　随着资源共享和实时通讯的需要，很多计算机应用程序早已甩开单兵作战的模式，转入联合行动。

╰半夏微凉°/ 2022年06月18日 05:52/ 0 赞/ 463 阅读

相关在Qt中使用ActiveX控件

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

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

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

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

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

相关 Winform控件在WPF中使用的注意事项

从Winform转到WPF的时候，经常需要在WPF里面采用一些以前用Winform写过的控件。下面介绍在WPF中使用Winform的方法和注意事项。 1、在WPF中使用Win

àì夳堔傛蜴生んèń/ 2022年05月19日 10:09/ 0 赞/ 311 阅读

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

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

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

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

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

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