1、思路:
这是前端日期处理工具,CSDN有许多使用moment等处理日期,但由于不知道这两个插件,所以一直不知道怎么回事
2、使用dayjs案例:
【1】安装day.js插件
npm install dayjs --save
【2】配置使用:src=>utils文件夹=>dayjs.js
/*
dayjs日期处理工具
*/
import Vue from 'vue'
import dayjs from "dayjs";
// dayjs默认语言是英文,配置为中文
import 'dayjs/locale/zh-cn' //加载中文语言包
dayjs.locale('zh-cn')//全局使用
// dayjs获取当前时间
dayjs().format('YYYY-MM-DD HH:mm:ss')
// 配置相对时间插件
import relativeTime from 'dayjs/plugin/relativeTime'
dayjs.extend(relativeTime)
/*
全局模板过滤器
参数1:过滤器名称
参数2:过滤器函数
使用方式:{{表达式||过滤器名称}}
*/
Vue.filter('relativeTime', value => {
return dayjs().to(dayjs(value))
})
【3】引入加载dayjs.js文件=》main.js文件
// 引入dayjs日期处理工具
import '@/utils/dayjs'
【4】使用: