全局可视化时间过滤器：将接口返回的时间戳转换成标准时间，年月日时分秒，“YYYY-MM-DD hh-mm-ss “格式

xx820702

已于 2022-05-28 12:55:42 修改

阅读量215

点赞数

分类专栏： vue2 文章标签： vue.js javascript 前端

于 2022-05-28 12:13:27 首次发布

本文链接：https://blog.csdn.net/xx820702/article/details/125016770

版权

vue2 专栏收录该内容

63 篇文章 1 订阅

订阅专栏

在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 = (dt.getHours() + '').padStart(2, '0')
  const mm = (dt.getMinutes() + '').padStart(2, '0')
  const ss = (dt.getSeconds() + '').padStart(2, '0')

  return `${y}-${m}-${d} ${hh}:${mm}:${ss}`
})

在组件需要用的地方插入

  <el-table-column label="创建时间(元)" width="160px" prop="add_time">
              <template slot-scope="scope">
            {{scope.row.add_time | dateFormat}}
          </template>
        </el-table-column>