Vue时间格式化处理

1,下载dayjs库

npm i dayjs -S

2,在src目录下创建utils文件夹在创建dayjs.js文件

import Vue from 'vue'
// 初始化 dayjs 相关配置
import dayjs from 'dayjs'
// 加载中文语音包
import 'dayjs/locale/zh-cn'
import relativeTime from 'dayjs/plugin/relativeTime'

dayjs.extend(relativeTime)

// 使用中文语音包
import Vue from 'vue'
// 初始化 dayjs 相关配置
import dayjs from 'dayjs'
// 加载中文语音包
import 'dayjs/locale/zh-cn'
import relativeTime from 'dayjs/plugin/relativeTime'

dayjs.extend(relativeTime)

// 使用中文语音包
dayjs.locale('zh-cn')
// 例如日期格式化
// console.log(dayjs().format('YYYY-MM-DD HH:mm:ss'))

// 例如 from 一天前
// console.log(dayjs('2022-12-23').from(dayjs()))

// 例如 to 一天内
// console.log(dayjs('2008-01-01').to(dayjs()))

// 全局过滤器
Vue.filter('relativeTime', (value) => {
  return dayjs(value).from(dayjs())
})

3，在main.js中引入

// 引入dayjs时间格式化
import '@/utils/dayjs.js'

4 ，详情请看文档dayjs文档