layer.open中使用时间控件laydate失败不显示的解决方案

layer.open中使用时间控件laydate失败不显示的解决方案

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

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

<div id="layopen">
    时间：<input type="text" id="time"></input>
</div>

layer.open({
	type : 1,
    content: $("#layout").html(),
    success: function(){
        laydate({
            "elem": "#time"
        });
    }
});

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

原文链接：https://blog.csdn.net/csm0912/article/details/82220075