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

最新推荐文章于 2022-03-02 14:13:27 发布

原创

最新推荐文章于 2022-03-02 14:13:27 发布 · 549 阅读

1 ·

CC 4.0 BY-SA版权

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

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

<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 = (dt.getMonth() + 1 + '').padStart(2, '0')
  const d = (dt.getDate() + '').padStart(2, '0')
  const hh