【前端】实现xx年前/xx月前/xx日前功能：

1、思路：

【1】day.js
【2】moment.js

这是前端日期处理工具,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】使用：

3、最终效果：