import dayjs from "dayjs"//导入dayjs
import Vue from 'vue'//导入vue
require('dayjs/locale/zh-cn')//汉化处理
dayjs.locale('zh-cn') // use loaded locale globally 配置使用中文
//dayjs中处理相对时间relativeTime
var relativeTime = require('dayjs/plugin/relativeTime')
dayjs.extend(relativeTime)
// 定义一个全局过滤器,然后可以在任何组件中使用
// 参数1:过滤器名称
// 参数2:过滤器函数
// 使用方式:{{表达式|过滤器名称(relativeTime)}}
//管道符(relativeTime)前面表达式的结果会作为参数传递到过滤器函数中,
过滤器的返回值会渲染到使用过滤器的模板位置
Vue.filter(relativeTime,value=>{
return dayjs().to(dayjs('value'))
})
//演示
// console.log(dayjs().to(dayjs('1990-01-01')) )
// console.log(dayjs("2022").toNow())
// console.log(dayjs().format("YYYY-MM-DD"))
vue中filter(过滤器)配合dagjs(处理时间)的使用
最新推荐文章于 2024-01-30 15:29:58 发布