Vue3 elementplus表格el-table-column时间戳格式化

牛马程序员666

已于 2023-01-09 22:33:42 修改

阅读量1.6k

点赞数

CC 4.0 BY-SA版权

文章标签： vue.js 前端 elementui

于 2023-01-08 21:35:41 首次发布

本文链接：https://blog.csdn.net/a820206256/article/details/128605949

文章介绍了如何在Vue项目中安装和使用vue-moment库进行日期格式化。首先通过npm安装vue-moment并保存到依赖，然后局部引入到项目中。接着展示了一个方法`gridDateFormatter`，用于将日期转换为YYYY-MM-DDHH:mm:ss格式。最后，将这个方法应用到表格的formatter属性上，实现日期的显示。

没格式化之前

格式化之后

安装

npm install vue-moment --save

局部引入

import moment from "moment"

方法

function gridDateFormatter(row,column,cellValue,index){
      const daterc = row[column.property];
      return moment(Number(daterc) * 1000).format('YYYY-MM-DD HH:mm:ss');
    }