AI智能
改变未来

关于Layui异步返回JSON时,时间格式无法转换的问题


异步获取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();}
赞(0) 打赏
未经允许不得转载:爱站程序员基地 » 关于Layui异步返回JSON时,时间格式无法转换的问题