如何注册全局时间过滤器

176 阅读1分钟

第一步 在main.js注册全局

Vue.filter('forMat',(data)=>{
  var t = new Date(data)
  var yy = t.getFullYear()
  var mm = (t.getMonth() + 1).toString().padStart(2, 0)
  var dd = t.getDate().toString().padStart(2, 0)
  return `${yy}-${mm}-${dd}`
})

这里的data是下面的scoped.row.timeOfEntry

有一个组件用

<el-table-column label="入职时间">
            <template slot-scope="scoped">
              <!-- 管道符 -->
              {{ scoped.row.timeOfEntry | forMat }}
            </template>
          </el-table-column>

第二种方法

第一步 npm i day.js 或者 yarn add day.js

第二步 引入

import  dayjs from 'dayjs'
Vue.filter('forMat',(data,p1)=>{
return dayjs(data).format(p1)
})
p1是下面('YYYY-MM-DD HH:mm:ss')

有组件使用

{t | from('YYYY-MM-DD HH:mm:ss')}
data() {
t: new Date()