声明:代码只展示关键部分代码,仅供参考学习
个人经验:
1.必须使用form表单
<div id="editFrm" class="layui-form" style="padding: 10px;" lay-filter="example">
<div class="layui-form-item">
<label class="layui-form-label">起始日期:</label>
<div class="layui-input-inline">
<input type="text" id="startTime" name="startTime" autocomplete="off" placeholder="请选择开始时间" class="layui-input dateTime">
</div>
<label class="layui-form-label" style="margin-left: 190px;">结束日期:</label>
<div class="layui-input-inline">
<input type="text" id="endTime" name="endTime" autocomplete="off" placeholder="请选择结束时间" class="layui-input dateTime">
</div>
</div>
<div class="layui-form-item">
<button id="formBtn" class="layui-btn" style="width: 150px;margin-left: 40%;margin-top: 20px;" lay-submit
lay-filter="formEdit">确认</button>
</div>
</div>
2.设置文件选择器输入框禁用
$("#startTime").attr("disabled",true);
$("#endTime").attr("disabled",true);
3.提交方式使用layui的表单提交
form.on('submit(formEdit)', function(data) {
console.log(data.field.startTime);
console.log(data.field.endTime);
});
提交的数据在data.field中,表单input标签要使用name属性,通过 data.field.name获取提交的数据
4.注:layui表单最好使用<div class='layui-form'></div>