layer.open弹出框如何放置一个时间控件？

Question

 layer.open({
    id:1,
    type: 1,
    title:'出账',
    skin:'layui-layer-rim',
    area:['450px', 'auto'],
    
    content: $("#layout").' <div class="row" style="width: 420px;  margin-left:7px; margin-top:10px;">'
        +'<div class="col-sm-12">'
        +'<div class="input-group">'
        +'<span class="input-group-addon"> 出账金额:</span>'
        +'<input id="recent_pay" type="text" class="form-control" placeholder="请输入出账金额">'
        +'</div>'
        +'</div>'
        +'<div class="col-sm-12" style="margin-top: 10px">'
        +'<div class="input-group">'
        +'<span class="input-group-addon">出账时间:</span>'
        +'<input id="recent_time" type="text" class="form-control" placeholder="请输入出账时间">'
        +'</div>'
        +'</div>'
        +'</div>'    ,
    btn:['确定','取消'],
    btn1: function (index,layero) {
            var recent_pay=$('#recent_pay').val();
            var recent_time=$('#recent_time').val();
            $.post('/admin/batch/repay',{'id':id,'recent_pay':recent_pay,'recent_time':recent_time},function (res) {
            layer.close(index);
            if(res==1){
                layer.msg('汇款已更新！');
            //    刷新页面
                refreshHtml();
            }else{
                layer.msg('提交失败，请稍后再试');
            }
        })
    },
    btn2:function (index,layero) {
         layer.close(index);
    }});

Answer 1

解决了
首先导入laydate.js
<script src="__PUBLIC__/laydate/laydate.js"></script>然后后面的代码如下：
layer.open({
id:1,
        type: 1,
        title:'出账',
        skin:'layui-layer-rim',
        area:['450px', 'auto'],
        
        content:'<div class="row" style="width: 420px;  margin-left:7px; margin-top:10px;">'
            +'<div class="col-sm-12">'
            +'<div class="input-group">'
            +'<span class="input-group-addon"> 出账金额:</span>'
            +'<input id="recent_pay" type="text" class="form-control" placeholder="请输入出账金额">'
            +'</div>'
            +'</div>'
            +'<div class="col-sm-12" style="margin-top: 10px">'
            +'<div class="input-group">'
            +'<span class="input-group-addon">出账时间:</span>'
            +'<input id="recent_time" type="text" class="form-control" placeholder="请输入出账时间">'
            +'</div>'
            +'</div>'
            +'</div>'
        ,
success: function (layero, index) { // 弹窗成功
laydate.render({
elem: '#recent_time',//指定元素
trigger: 'click'
});
},
        btn:['确定','取消'],
        btn1: function (index,layero) {
var recent_pay=$('#recent_pay').val();
var recent_time=$('#recent_time').val();
$.post('/admin/batch/repay',{'id':id,'recent_pay':recent_pay,'recent_time':recent_time},function (res) {
                layer.close(index);
                if(res==1){
                    layer.msg('汇款已更新！');
                //    刷新页面
                    refreshHtml();
                }else{
                    layer.msg('提交失败，请稍后再试');
                }
            })
        },
        btn2:function (index,layero) {
             layer.close(index);
        }
 
    });