异步获取json数据渲染时,日期时间无法正确回显(回显了时间戳)
- 修改前
- 修改后
- 方法
HTML定义
<div class=\"layui-col-md6 layui-col-md-offset2\" style=\"margin-top: 30px;opacity: 60%\"><table class=\"layui-hide\" id=\"test\"></table></div>
JS定义
<script>layui.use(\'table\', function(){var table = layui.table;table.render({elem: \'#test\',method:\'get\',url:\'/backJson\',cellMinWidth: 50 //全局定义常规单元格的最小宽度,layui 2.2.1 新增,cols: [[{field:\'testId\', title: \'ID\', sort: true,width:60},{field:\'testName\', title: \'试卷名称\',width:220} //width 支持:数字、百分比和不填写。你还可以通过 minWidth 参数局部定义当前单元格的最小宽度,layui 2.2.1 新增,{field:\'testScore\', title: \'试卷总分\', sort: true},{field:\'testTime\', title: \'答卷时限\', sort:true, templet: \'#timeTpl\'},{field:\'testDate\', title: \'考试日期\', sort:true, templet: \'#dateTpl\',width:150},{field:\'action\', title:\'操作\'}]]});});</script><script type=\"text/html\" id=\"dateTpl\">{{layui.util.toDateString(new Date(d.testDate).getTime(), \"yyyy-MM-dd HH:mm\") }}</script><script type=\"text/html\" id=\"timeTpl\">{{layui.util.toDateString(new Date(d.testTime).getTime(), \"HH:mm:ss\") }}</script>
转换核心
官方规定必填几个数据项后端数据处理
@ResponseBody //返回以字符串形式@GetMapping(\"/backJson\")public String backJson(){List<Test> testList = testService.findAllTest();//前台通过key值获得对应的value值JSONObject jobj = new JSONObject();//数据状态的字段名称,默认:codejobj.put(\"code\",0); //要求必须//成功的状态码,默认:0 //要求必须jobj.put(\"msg\", \"\"); //要求必须jobj.put(\"count\",1000); //要求必须jobj.put(\"data\",testList);//注意需将JSON码转为字符串格式,应使用assoc:false参数转为对象而非数组return jobj.toJSONString();}