Vue + Element 将前端时间戳转换成日期格式

深藏阁楼爱情的钟 2024-03-24 10:11 70阅读 0赞

目录

方法1：

方法2：

方法1：

只需执行这些代码

  1. npm install moment
  3. import moment from 'moment'
  5. :formatter="dateFormat"
  7.  //时间格式化-S
  8.     dateFormat(row, column) {
  9.       var date = row[column.property];
  10.       if (date == undefined) {
  11.         return "";
  12.       }
  13.       return moment(date).format("YYYY-MM-DD HH:mm:ss");
  14.     },

1、下载第三方插件

  1. npm install moment

2、在需要转换时间的vue页面引入插件

  1. import moment from 'moment'

feec3c95c1064dcfb8f95b195f49f69c.png

3、给需要转换的el-table-column添加 :formatter

  1. :formatter="dateFormat"

8fe618712c034c139a23f67ed913923b.png

4、编写dateFormat方法

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

0e422b2ae71c4a938e31553f6b56943d.png

方法2：

只需执行这些代码

  1. :formatter="dateFormat"
  3.     dateFormat(row, column, cellValue, index) {
  4.       return new Date(cellValue).toLocaleString();
  5.     },

1、给需要转换的el-table-column添加 :formatter

15b0801500a94861a19c79554b2ed955.png

2、编写dateFormat方法

  1. dateFormat(row, column, cellValue, index) {
  2.       return new Date(cellValue).toLocaleString();
  3.     },

88e7c52577ae490493b1e21943ad1b81.png

发表评论

表情：
评论列表 （有 0 条评论，70人围观）

还没有评论，来说两句吧...

相关阅读