使用 Day.js 处理相对时间

vue 2021-09-06 1.17K

Day.js 是一个轻量的处理时间和日期的 JavaScript 库,和 Moment.js 的 API 设计保持完全一样。

基本使用

# 安装
npm install dayjs

# 使用最基本的 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))
})

// 使用
<p>{{ 日期数据 | relativeTime }}</p>


关注微信公众号『极客技术之路

第一时间了解最新动态
关注博主不迷路~

极客技术之路:站内收集的部分资源来源于网络,若侵犯了您的合法权益,请联系我们删除!
分享到:
赞(0)

文章评论

0点赞 0评论 收藏 QQ分享 微博分享

极客技术之路

极客技术之路