Day.js
Day.js 是一个轻量的处理时间和日期的 JavaScript 库,和 Moment.js 的 API 设计保持完全一样。
如果您曾经用过 Moment.js, 那么您已经知道如何使用 Day.js 。
在你的vue等项目根目录执行命令进行安装
npm install dayjs
下面是在 Vue3中定义 composable/helper.js
//注意加载顺序
import dayjs from 'dayjs'
import 'dayjs/locale/zh-cn'
import relativeTime from 'dayjs/plugin/relativeTime'
dayjs.locale('zh-cn')
dayjs.extend(relativeTime)
export default {
//几天前等
dateNow(value) {
return dayjs(value).locale('zh-cn').fromNow()
},
//格式化时期
dateFormat(value, format = 'DD/MM/YYYY') {
// return value && dayjs(value).format(format)
},
}
然后在 vue 组件中使用
<template>
{{helper.dateNow(time)}}
</template>
<script setup>
const time = `'2021-06-14T11:16:33.000000Z'`
import helper from 'composable/helper'
</script>