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')两位数字不够在前面加0const 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 }}

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！