[JavaScript知识库]2021-09-25

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已经不推荐使用了