layui.open弹窗如何添加时间控件?

提问 已结 6 459
CR7sun
CR7sun 2019-6-18
悬赏:20飞吻
版本:layui 浏览器:chrome77
我的layui.open弹窗的出账时间需要添加时间控件,但查询网上的解决方法之后都无效,请问我该怎么添加?
代码如下:
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="请输入出账时间" onclick = form.render({elem:this,trigger:"click"})>'
+'</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);
}

});
回帖
  • 迁就457
    2019-6-18
    @CR7sun F12看下控制台报的什么错,laydate要 layui.use(['laydate'], function () { var laydate = layui.laydate; }
    0 回复
  • 迁就457
    2019-6-18
    在success中初始化laydate
    0 回复
  • CR7sun
    2019-6-18
    @迁就457 具体的代码能写一下嘛,万分感谢!
    0 回复
  • 迁就457
    2019-6-18
    , success: function (layero, index) { // 弹窗成功
    laydate.render({
    elem: '#recent_time' //指定元素
    });
    });
    0 回复
  • CR7sun
    2019-6-18
    @迁就457 好像还是弹不出来啊,而且这样写了整个弹窗就退出不了。
    0 回复
  • CR7sun
    2019-6-18
    @迁就457 现在可以了重新导入laydate.js然后代码改成
    , success: function (layero, index) { // 弹窗成功
    laydate.render({
    elem: '#recent_time' ,
    trigger: 'click'
    });
    },就行了,谢谢回答!
    0 回复