vue时间过滤器使用

// 过滤器 filter	2020-12-20
import Vue from 'vue'
Vue.filter('dataTime', value => {
	const dt = new Date(originVal)
	const y = dt.getFullYear()
	const m = (dt.getMonth() + 1 + '').padStart(2, '0')	// padStart(2, '0')两位数字不够在前面加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 `${y}-${m}-${d}  ${hh}:${mm}:${ss}`
})
/*
	filter(参数一， 参数二)	参数一：过滤器名称，参数二：过滤器函数
	使用方法： {{ 时间表达式 | 过滤器名称 }}
*/
// 过滤器 filter 30分钟前
// 需要引入dayjs插件
import Vue from 'vue'
import dayjs from 'dayjs'
import 'dayjs/locale/zh-cn'
import relativeTime from 'dayjs/plugin/relativeTime'
// 配置使用处理相对时间的插件
dayjs.extend(relativeTime)
// dayjs默认语言是英文，我们这里配置为中文
dayjs.locale('zh-cn')	// 全局使用
Vue.filter('relativeTime', value => {
	return dayjs().to(dayjs(value))
})

使用

{{ time | relativeTime }}