dayjs处理相对时间

最新推荐文章于 2024-07-27 18:37:51 发布

☞小李同学☜

最新推荐文章于 2024-07-27 18:37:51 发布

阅读量686

点赞数 1

分类专栏： 1 文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/weixin_51191714/article/details/128505695

版权

1 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

基本使用

1.安装

npm i dayjs

2 .使用最基本的dayjs

import dayjs from 'dayjs'
import 'dayjs/locale/zh-cn'

dayjs.locale('zh-cn')

console.log(dayjs().format('YYYY-MM-DD'))

使用dayJs处理相对时间–relativeTime

import Vue from 'vue'
import dayjs from 'dayjs'

// 加载中文语言包
import 'dayjs/locale/zh-cn'

// 引入处理相对时间的插件
import relativeTime from 'dayjs/plugin/relativeTime'

// 配置使用处理相对时间的插件
dayjs.extend(relativeTime)

// 配置使用中文语言包
dayjs.locale('zh-cn')

// 全局过滤器：处理相对时间
Vue.filter('relativeTime', value => {
    return dayjs().to(dayjs(value))
})