vue格式化时间戳_日期格式转换

全栈程序员站长

发布于 2022-11-09 06:41:53

3.8K00

代码可运行

文章被收录于专栏：全栈程序员必看全栈程序员必看

运行总次数：0

代码可运行

大家好，又见面了，我是你们的朋友全栈君。

第一步：下载安装第三方组件：

npm install moment --save

第二步：在你需要格式化时间的页面引入moment组件

import moment from 'moment'

第三步：然后配合我们element-ui，在元素中加入 :formatter

<el-table-column prop="add_time" label="创建时间" :formatter="dateFormat" width="200px"></el-table-column>

第四步：然后声明一个方法，去调用

//时间格式化-S
    dateFormat(row, column) {
      var date = row[column.property];
      if (date == undefined) {
        return "";
      }
      return moment(date).format("YYYY-MM-DD HH:mm:ss");
    },
 //时间格式化-E

备注：如果以上都设置完，出现的时间格式都是 1970年的，那么更改下代码即可：

//时间格式化-S
        dateFormat(row, column) {
        var date = row[column.property]*1000;
        if (date == undefined) {
            return "";
        }
        return moment(date).format("YYYY-MM-DD HH:mm:ss");

        },
        //时间格式化-E