Vue.2 全局注册时间过滤器

最新推荐文章于 2024-05-27 09:53:40 发布

X Dou

最新推荐文章于 2024-05-27 09:53:40 发布

阅读量129

点赞数

分类专栏： vue 文章标签： html5 javascript vue.js

本文链接：https://blog.csdn.net/qq_42707446/article/details/120476916

版权

vue 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

Vue.2 全局注册过滤器

时间过滤器

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

Vue.filter('dateFormat', function (valdate) {
  const dt = new Date(valdate)
  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 `yyyy-MM-dd HH-mm-ss`
  return `${y}-${m}-${d} ${hh}:${mm}:${ss}`
})

padStart () 头部开始补全
padStart(2,'0') 从头部补全，2表示一共两位数，不全的在前面加字符串0
padEnd() 尾部开始补全
官方文档过滤器 https://v3.cn.vuejs.org/guide/migration/filters.html#%E6%A6%82%E8%A7%88

Vue3已经不推荐使用了