Vue文件中处理时间函数：将秒数处理成标准格式

十年尚可

于 2021-08-07 13:01:25 发布

阅读量530

点赞数 1

分类专栏：前端学习

本文链接：https://blog.youkuaiyun.com/bianxia123456/article/details/119484961

版权

本文介绍如何在Vue项目中处理秒数，将其转换为标准时间格式。通过在main.js中创建一个时间过滤器，并在需要的地方调用它，可以将接收到的秒数转化为易读的时间格式。

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

写前端的时候发现前端拿到的时间是秒数，这在表单里面展示出来不能理解，如下：

<el-table :data="xxxx">
	<el-table-column label="创建时间" prop="add_time" width="140px">
	</el-table-column>
</el-table>

直接拿回来的时间是这样的：
在这里插入图片描述
在main.js里面增加一个处理时间的过滤器：

// 格式化时间的过滤器
Vue.filter('dateFormat', function(originVal) {
   
  const dt = new Date(originVal)
  const y = dt.getFullYear()
  const m