用filters 过滤的方法 filters是vue里面全局的模块 (和 data () 一样全局)
1. 下载包
npm install dayjs --save
2. 引入
import dayjs from 'dayjs'
3. 创建格式化入职日期的过滤器
filters: {
// 格式化入职日期的方法
formatTime(time) {
return dayjs(time).format('YYYY-MM-DD')
}
}
YYYY-MM-DD HH:mm:ss
年-月-日 时:分:秒
4. 在表格里可以使用插槽方法获取时间
<el-table-column prop="addDate" label="创建日期" >
<template v-slot= "scope">
<span>{{scope.row.addDate | formatTime}}</span>
</template>
</el-table-column>
5. 注意加上 | formatTime 是管道运算符 管道运算符前面的是形参 而formatTime(time) 里面的time接受的就是管道运算符前面的形参