第一步 在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()