解决在layer.open中使用时间控件laydate失败的问题
更新时间：2019年09月11日 10:55:40 作者：这个昵称没有被占有吧
今天小编就为大家分享一篇解决在layer.open中使用时间控件laydate失败的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
今天有个需要，用户进入页面的时候，弹出一个弹窗，弹窗中选择一个时间，弹窗大概是这样的：
我的思路是，先在页面写好弹窗内容，然后使用lay.open设置content即可：
<div id="layopen">
时间：<input type="text" id="time"></input>
</div>
layer.open({
content: $("#layout").html(),
success: function(){
laydate({
"elem": "#time"
});
}
});
执行，发现无论怎么点击输入框，时间控件都出不来，也就是说，这种写法下，laydate失效了。然后在官网中找到一个帖子上说，把content: $("#layout").html()改成content: $("#layout")即可，惊喜的发现真的可以，效果如下：
效果是实现了，可是顶部的[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失败的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
您可能感兴趣的文章:
相关文章
这篇文章主要介绍了javascript创建动态表单的方法,实例分析了javascript动态操作页面表单元素的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-07-07
遇到一个需求，在一个地铁场景里展示逃生路线，为了画这个箭头，我花费了很多时间精力，下面基于使用three.js 绘制三维带箭头线的详细过程分享给大家，感兴趣的朋友一起看看吧2021-10-10
document.documentElement的一些使用技巧
documentElement 属性可返回文档的根节点，接下来为大家详细介绍下document.documentElement的一些使用技巧，感兴趣的朋友可以参考下哈2013-04-04
这篇文章主要给大家介绍了关于前端实现文件下载的两种常用方式,两种方法均通过创建临时URL并触发下载实现,文中通过代码介绍的非常详细,需要的朋友可以参考下2024-11-11
这篇文章主要为大家介绍了websocket直接绕过JS加密的示例及思路原理，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步早日升职加薪2022-04-04
这篇文章主要介绍了ActiveX控件的使用-js实现打印超市小票功能代码详解，具有一定参考价值，需要的朋友可以了解下。2017-11-11
本文介绍js如何显示最后修改时间，在页面的文本框中显示文件上一次被修改的时间，通过这种方法可以查看网页的更新时间,有需要的朋友可以参考下2013-01-01
本文主要为大家介绍了基于 XMLHttpRequest、Promise、async/await 等三种异步网络请求的写法，文中的示例代码讲解详细，感兴趣的可以学习一下2022-03-03
本文主要介绍了electron多标签页模式更像客户端,通过创建和管理多个网页视图或使用现成组件来实现类似Web浏览器的标签页功能,具有一定的参考价值,感兴趣的可以了解一下2024-11-11
如何更改js的alert样式如：弹出对话框时的背景颜色、背景透明等等，下面有效果图，感兴趣的朋友可以学习下2014-01-01
最新评论