layer.open如何放置一个时间控件

Question

问题描述

请问如何在layer弹出层中添加一个时间控件？代码如下：

相关代码

    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>'

    ,
success: function(){
    laydate({
        "elem": "#recent_time"
    });
},
    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

这个弹出层是iframe吧， 使用jquery timepicker插件

$("#iframe的ID").contents().find("iframe中的控件选择器").timepicker({});