1.layui中layer.open()模板中时间选择器导致的闪退的问题?
原因:隐藏的面板中可能存在两个(html)导致时间选择器不知道选中那一层
解决办法: 使用<script ></script>将html代码块包裹起来。
<script id="importBox2" type="text/html">
<form id="importFormBox1" class="form-horizontal" action="" method="post" enctype="multipart/form-data" onSubmit="ts.loading('正在导入...')">
<div class="box-body">
<div class="row">
<div class="row">
<div class="form-group">
<label class="col-sm-4 control-label">获得时间:</label>
<div class="col-sm-8">
<input id="timeAwarded" name="timeAwarded" readOnly="readonly" type="text"
//标红部分注意删除
th:value="${#calendars.format(timeAwarded, 'yyyy-MM-dd')}" class="form-control" laydate required />
</div>
</div>
<div class="box-footer text-center">
<button type="button" class="btn btn-primary" id="btnConfirmBox1">确定</button>
<button type="button" class="btn btn-default" id="btnClose1">关闭</button>
</div>
</form>
</script>
function layerOpen() {
layer.open({
type: 1,
title: "机构资质添加",
area: ["1500px","260px"],
shadeClose: false,
content: $("#importBox2").html(),
success: function (layero, index) {
laydate.render({
elem: '#expirationDate',//指定元素
type: 'datetime',
});
var aptitudeName = $(layero).find("#aptitudeName")
var certificateLevel = $(layero).find("#certificateLevel")
var issuedBy = $(layero).find("#issuedBy");
var expirationDate = $(layero).find("#expirationDate");
$(layero).find("#btnConfirmBox").bind("click",function (e) {
var flag = $("#importFormBox").valid();
if(flag){
// 增加行
addTr(aptitudeName.val(),certificateLevel.val(),issuedBy.val(),expirationDate.val())
layer.close(index)
}
})
$(layero).find("#btnClose").bind("click",function (e) {
layer.close(index)
})
}
});
}