前端插件扩展（五）

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>