我的思路是，先在页面写好弹窗内容，然后使用lay.open设置content即可：
<div> 时间：<input type="text"></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失败的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
您可能感兴趣的文章: