时间处理函数

最新推荐文章于 2024-11-12 14:38:44 发布

原创最新推荐文章于 2024-11-12 14:38:44 发布 · 182 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

本文介绍了一个Vue.js中自定义的时间处理过滤器，该过滤器能够将时间戳转换为易读的日期时间格式，如'yyyy-mm-dd hh:mm:ss'。通过在main.js中定义并使用此过滤器，可以轻松地在页面上显示友好的时间格式。

在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')
  // padStart是字符串的函数，不足两位数的给前面添0
  const hh=(dt.getHours()+'').padStart(2,'0')
  const mm=(dt.getMonth()+'').padStart(2,'0')
  const ss=(dt.getSeconds()+'').padStart(2,'0')

  // return 'yyyy-mm-dd hh:mm:ss'
  return `${y}-${m}-${d} ${hh}:${mm}:${ss}`
})

在需要处理的地方加上|+过滤的名字

<el-table-column prop="add_time" label="创建时间" width="150px">
            <tamplate slot-scope="scope">
              {{scope.row.add_time | dateFormat}}
            </tamplate>
          </el-table-column>