vue element-ui 表格数据时间格式化的方法

最新推荐文章于 2023-05-05 00:08:04 发布

Elon_王艺龙

最新推荐文章于 2023-05-05 00:08:04 发布

阅读量1.9k

点赞数 1

文章标签： vue.js elementui javascript

本文链接：https://blog.csdn.net/Yilong18/article/details/128215185

版权

一、如果后端数据是时间戳

<el-table-column prop="AuditEndTime" label="处理时间" :formatter="dateFormat"></el-table-column>

主要是:formatter=“dateFormat” 这个属性

formatter 用来格式化内容 Function(row, column, cellValue, index)

然后在 methods 方法对象里添加如下方法

代码如下：

 dateFormat(row, column, cellValue, index) {
      const daterc = row[column.property];
      if (daterc != null) {
        var date = new Date(daterc);
        var year = date.getFullYear();
        /* 在日期格式中，月份是从0开始，11结束，因此要加0
         * 使用三元表达式在小于10的前面加0，以达到格式统一  如 09:11:05
         * */
        var month =
          date.getMonth() + 1 < 10 ? "0" + (date.getMonth() + 1) : date.getMonth() + 1;
        var day = date.getDate() < 10 ? "0" + date.getDate() : date.getDate();
        var hours = date.getHours() < 10 ? "0" + date.getHours() : date.getHours();
        var minutes =
          date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes();
        var seconds =
          date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds();
        // 拼接
        return (
          year + "/" + month + "/" + day + " " + hours + " :" + minutes + ":" + seconds
        );
      }
    },