layui日期控件，前传后的是2020-03-01'T'...(String),如何转换成Date
Date.prototype.format = function (fmt) { //时间戳转日期函数
var o = {
"M+": this.getMonth() + 1, //月份
"d+": this.getDate(), //日
"h+": this.getHours(), //小时
"m+": this.getMinutes(), //分
"s+": this.getSeconds(), //秒
"q+": Math.floor((this.getMonth() + 3) / 3), //季度
"S": this.getMilliseconds() //毫秒
};
if (/(y+)/.test(fmt)) {
fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
}
for (var k in o) {
if (new RegExp("(" + k + ")").test(fmt)) {
fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
}
}
return fmt;
}
单独封装成一个函数,使用方法 str.format('yyyy-MM-dd HH:mm:ss')
后端用date类型的参数接收不行吗
可以先toString一下，去一下空格，然后再用，我建议你先把拿到的字符串做一个截取，
private static void m1() throws ParseException {
String endTime = "2021-03-19 09:47";
//支持特殊格式转换
String format = "yyyy-MM-dd HH:mm";
SimpleDateFormat sdf = new SimpleDateFormat(format);
Date edate = sdf.parse(endTime);
}
这个就是edate，你要的转化好的date时间，提醒：一定要对好时间格式才行
这是一个以开始时间和结束时间为时间范围的查询功能
我应该封装到哪里，（不好意思我是个新手）
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" th:href="@{/layui-v2.5.5/css/layui.css}" media="all">
<link rel="stylesheet" th:href="@{/css/public.css}" media="all">
</head>
<body>
<div class="layuimini-container">
<div class="layuimini-main">
<fieldset class="table-search-fieldset">
<legend>搜索信息</legend>
<div style="margin: 10px 10px 10px 10px">
<form class="layui-form layui-form-pane" action="" method="post">
<table width="100%">
<tr>
<td width="500px" >
<div class="layui-form-item">
<div class="layui-inline">
<label class="layui-form-label">编号查询</label>
<div class="layui-input-inline">
<input type="text" name="l_number" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-inline">
</div>
</div>
</td>
<td width="2000px">
<div class="layui-form-item">
<div class="layui-inline" >
<label class="layui-form-label" style="width: 150px">日期</label>
<div class="layui-input-inline" style="float:left">
<input type="datetime-local" class="layui-input" name="startTime"
placeholder="yyyy-MM-dd HH:mm:ss">
</div>
<div style="float:left; padding: 10px">——— </div>
<div class="layui-input-inline">
<input type="datetime-local" class="layui-input" name="endTime"
placeholder="yyyy-MM-dd HH:mm:ss">
</div>
</div>
</div>
</td>
</tr>
<tr>
<td width="2000px">
<div class="layui-form-item">
<div class="layui-inline" >
<label class="layui-form-label" style="width: 150px">客服部结束日期</label>
<div class="layui-input-inline" style="float:left">
<input type="datetime-local" class="layui-input" name="" placeholder="yyyy-MM-dd HH:mm:ss">
</div>
<div style="float:left; padding: 10px">——— </div>
<div class="layui-input-inline">
<input type="datetime-local" class="layui-input" name="receiveTimetwo" placeholder="yyyy-MM-dd HH:mm:ss">
</div>
</div>
</div>
</td>
<td width="2000px">
<div class="layui-form-item">
<div class="layui-inline" >
<label class="layui-form-label" style="width: 150px">发生日期</label>
<div class="layui-input-inline" style="float:left">
<input type="datetime-local" class="layui-input" name="receiveTimeone" placeholder="yyyy-MM-dd HH:mm:ss">
</div>
<div style="float:left; padding: 10px">——— </div>
<div class="layui-input-inline">
<input type="datetime-local" class="layui-input" name="receiveTimetwo" placeholder="yyyy-MM-dd HH:mm:ss">
</div>
</div>
</div>
</td>
</tr>
<tr>
<td width="500px" >
<div class="layui-form-item">
<div class="layui-inline">
<label class="layui-form-label">信访主体名称</label>
<div class="layui-input-inline">
<input type="text" name="name" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-inline">
</div>
<div class="layui-inline">
<label class="layui-form-label">涉事机构名称</label>
<div class="layui-input-inline">
<input type="text" name="name" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-inline">
</div>
</div>
</td> <td width="500px" >
<div class="layui-form-item">
<div class="layui-inline">
<label class="layui-form-label">业务类型</label>
<div class="layui-input-inline">
<input type="text" name="name" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-inline">
</div>
<div class="layui-inline" style="float: right">
<button type="submit" class="layui-btn layui-btn-primary" lay-submit lay-filter="data-search-btn"><i class="layui-icon"></i> 搜 索</button>
</div>
</div>
</td>
</tr>
</table>
</form>
</div>
</fieldset>
<table class="layui-hide" id="currentTableId" lay-filter="currentTableFilter"></table>
<script type="text/html" id="currentTableBar">
<a class="layui-btn layui-btn-normal layui-btn-xs data-count-edit" lay-event="edit" >受理</a>
</script>
</div>
</div>
<div th:include="common :: js"></div>
</body>
</html>
<script th:src="@{/layui-v2.5.5/layui.js}" charset="utf-8"></script>
<script>
layui.use(['layer','laydate'],function () {
var layer=layui.layer;
var laydate=layui.laydate;
laydate.render({
elem:'#startTime',
type:'datetime'
});
laydate.render({
elem:'#endTime',
type:'datettime',
});
});
layui.use(['form','table',],function () {
var $=layui.jquery,
form=layui.form,
table=layui.table;
var columns=[
{field:'l_id', width: 80,title:'L_ID',sort:true},
{field:'l_number', width: 200,title:'工单编号'},
{field:'center_receivedate', width: 200,title:'中心接受日期'},
{field:'department_receivedate', width: 200,title:'客服部接受日期'},
{field:'l_occurrencedate', width: 200,title:'发生日期'},
{field:'l_u_name', width: 200,title:'信访主体名称'},
{field:'business_name', width: 200,title:'企业'},
/*{field:'MN_NAME', width: 80,title:'涉事机构名称'},
{field:'BT_NAME', width: 80,title:'业务类型'},*/
{title: '操作', minWidth: 150, toolbar: '#currentTableBar', align: "center"}
];
table.render({
elem:'#currentTableId',
url:'/shouli/queryAll',
toolbar:'#toolbarDemo',
defaultToolbar:['filter','exports','print',{
title:"提示",
layEvent:'LAYTABLE_TIPS',
icon:'layui-icon-tips'
}],
method:"post",
cols:[columns],
limts:[10,15,20,25,50,100],
limit:15,
page:true,
skin:'line'
});
// 监听搜索操作
form.on('submit(data-search-btn)', function (data) {
//执行搜索重载
table.reload('currentTableId', {
page: {
curr: 1
},
where: data.field
}, 'data');
return false;
});
table.on('tool(currentTableFilter)', function (obj) {
var data = obj.data;
if (obj.event === 'edit') {
var index = layer.open({
title: '编辑菜单',
type: 2,
shade: 0.2,
maxmin: true,
shadeClose: true,
area: ['100%', '100%'],
content: '/shouli/' + data.l_number,
end: function () {
table.reload('currentTableId', {
page: {
curr: 1
},
where: data.field
}, 'data');
}
});
}
})
})
难道就不看官方文档的嘛？
layui的配置，
至于接口的话，非json接口自己去实现Converter,json请求配置httpMessageconverter