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

helloc0 2019-06-18 02:35:57
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);
}

});
...全文
927 1 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
1 条回复
切换为时间正序
请发表友善的回复…
发表回复
helloc0 2019-06-18
  • 打赏
  • 举报
回复
解决了 首先导入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); } });

87,997

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧