Vue + Element UI + Moment.js——el-table-column的时间戳格式转换解决方案

基本概念

 Moment.js：JavaScript 日期处理类库

解决方案

formatter="dateFormat"绑定一个 dateFormat方法   

<el-table-column 
    prop="createTime" 
    :formatter="dateFormat" 
    label="日期" 
    width="120">
</el-table-column>

Moment.js版本

dateFormat:function(row,column){
          var date = row[column.property]; 
          if (date === undefined) { 
            return ""; 
          } 
          var moment = require("moment");
          return moment(date).format("YYYY-MM-DD HH:mm:ss"); 
    }

自定义版本 

    formatDate(row, column) {
                let date = new Date(时间戳);
                let Y = date.getFullYear() + '-';
                let M = date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) + '-' : date.getMonth() + 1 + '-';
                let D = date.getDate() < 10 ? '0' + date.getDate() + ' ' : date.getDate() + ' ';
                let h = date.getHours() < 10 ? '0' + date.getHours() + ':' : date.getHours() + ':';
                let m = date.getMinutes()  < 10 ? '0' + date.getMinutes() + ':' : date.getMinutes() + ':';
                let s = date.getSeconds() < 10 ? '0' + date.getSeconds() : date.getSeconds();
                return Y + M + D + h + m + s;
            },

 

参考文章

https://blog.csdn.net/weixin_40578880/article/details/82014950

https://www.jianshu.com/p/1ab01da337cf