关于vue中使用el-table-column时间戳转换成日期的问题

原创于 2021-01-08 20:18:57 发布 · 2.8k 阅读

8 ·

CC 4.0 BY-SA版权

文章标签：

#vue

实习笔记专栏收录该内容

1 篇文章

订阅专栏

这篇博客探讨了在 Vue 框架中如何使用 el-table-column 和 moment.js 将时间戳转换为日期格式显示。通过在 template 中定义 formatter 方法，并在 script 中实现 dateFormat 函数，将日期字段按 'YYYY-MM-DD HH:mm:ss' 格式化，从而在表格中以友好的日期形式展示数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

关于vue中使用el-table-column时间戳转换成日期的问题

template

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

script

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