第三方依赖：dayjs
下载：

npm i dayjs

引入：

javascript">import dayjs from 'dayjs'
// 加载中文语言包
import 'dayjs/locale/zh-cn'
// 导入相对时间插件
import relativeTime from 'dayjs/plugin/relativeTime'
// 全局使用中文语言包
dayjs.locale('zh-cn')
// console.log(dayjs().format('YYYY-MM-DD'));
// 配置相对时间插件
dayjs.extend(relativeTime)

若想全局使用相对时间，可以在Vue上挂载一个相对时间的全局过滤器。dayjs()获取当前时间，to()表示多久之前。

javascript">import Vue from 'vue'
// 定义用于得到相对时间的全局过滤器
Vue.filter('relativeTime', value => {
    return dayjs().to(dayjs(value))
})

若想全局使用格式化时间，可以在Vue上挂载一个格式化时间的全局过滤器。format(‘YYYY-MM-DD’)用于格式化时间，传一个格式字符串。

javascript">import Vue from 'vue'
// 定义用于格式化时间的全局过滤器
Vue.filter('formatTime', value => {
    return dayjs(value).format('YYYY-MM-DD HH:mm:ss')
})

全局使用：使用管道符 | 处理传递过来的时间，返回处理后的时间。

javascript"><div>{{new Date() | relativeTime}}</div>

常用获取时间API：

年 ： dayjs().year()
月 ： dayjs().month()
日 ： dayjs().date()
星期 ： dayjs().day()
时 ： dayjs().hour()
分 ： dayjs().minute()
秒 ： dayjs().second()