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') // 全局使用

// 定义一个全局过滤器，然后就可以在任何组件的模板中使用了
// 其实过滤器就相当于一个全局可用的方法（仅供模板使用）
// 参数1：过滤器名称
// 参数2：过滤器函数
// 使用方式：{
  { 表达式 | 过滤器名称 }}
// 管道符前面的表达式的结果会作为参数传递到过滤器函数中
// 过滤器的返回值会渲染到使用过滤器的模板位置
Vue.filter('relativeTime', value => {
  return dayjs().to(dayjs(value))
})

//value 可以是时间戳，2022年11月09日，2022/08/09，都可以
Vue.filter('format', (value, arg="YYYY-MM-DD") => {
  return dayjs(value).format(arg)
})
// 1.安装  npm i dayjs    2、创建 utils/dayjs.js   3、在 main.js 中加载初始化import './utils/dayjs'   4、使用过滤器 ：使用<p>{
  { 日期数据 | relativeTime }}</p>


/**
 * 格式化日期
 * @param date
 */
//  export function formatDateMonth(date) {
//   if (!date) return '';
//   return dayjs(date).format('YYYY-MM');
// }

// console.log('-----获取当前最新时间', dayjs());    // ==>> 
// // 1. 初始化日期 / 时间
// console.log('-----初始化当前日期', dayjs(new Date()).format('YY