美文网首页
LayUI把表格中的时间戳改成格式化的时间

LayUI把表格中的时间戳改成格式化的时间

作者: tingshuo123 | 来源:发表于2018-08-16 11:38 被阅读122次

通过返回的json 格式数据,时间是用时间戳表示的,如以下数据

json数据

可以通过 temple 属性格式化时间, 向layui table表头中添加templet : "<div>{{layui.util.toDateString(d.ordertime, 'yyyy-MM-dd HH:mm:ss')}}</div>",就可以格式化字符串

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>layui表格渲染,时间问题</title>
  <link rel="stylesheet" href="./css/layui.css" media="all">
  <script src="./js/layui.all.js"></script>
  <style type="text/css">
    body{overflow-y: scroll;}
  </style>
</head>
<body>
 
<table id="demo" lay-filter="test"></table>
 
 
<script>
layui.use('table', function(){
  var table = layui.table;
  
  //第一个实例
  table.render({
    elem: '#demo'
    ,height: 315
    ,url: 'http://localhost:8080/springmvc09_LayuiTable/getCar.action' //数据接口
    ,page: true //开启分页
    ,cols: [[ //表头
      {field: 'id', title: 'ID', sort: true, fixed: 'left'}
      ,{field: 'name', title: '用户名'}
      ,{field: 'pwd', title: '性别'}
      ,{field: 'date', title: '注册时间', templet : "<div>{{layui.util.toDateString(d.ordertime, 'yyyy年MM月dd日 HH:mm:ss')}}</div>"}
    ]]
  });
});
</script>
</body>
</html>

效果:


image.png

yyyy年MM月dd日 可以根据需要改。

相关文章

网友评论

      本文标题:LayUI把表格中的时间戳改成格式化的时间

      本文链接:https://www.haomeiwen.com/subject/uimnbftx.html