前言
为了提高开发效率、简化代码、避免重复造轮子,我们使用更多的第三方依赖,其中 npm 是最常用的依赖管理工具。在目前日渐繁荣的前端生态系统中,有越来越多的 npm 包被开发出来,以供我们使用。其中就有一个很实用的 npm 包——@freeliu/date 。这个包可以方便地进行日期的格式化和计算,本文就来详细介绍一下这个包的使用方法。
@freeliu/date 的安装与引入
- 安装
npm install @freeliu/date --save
- 引入
import { format, addDay, subtractDay } from "@freeliu/date";
@freeliu/date 的使用
format
format 函数可以根据传入的日期以及格式字符串来返回一个格式化之后的日期字符串。常用格式字符串有:
英文表示 | 中文描述 |
---|---|
YYYY | 完整的年份 |
YY | 省略年份的前两位数字 |
MM | 月份,带前导零 |
M | 月份,不带前导零 |
DD | 月中的第几天,带前导零 |
D | 月中的第几天,不带前导零 |
HH | 小时,带前导零 |
H | 小时,不带前导零 |
hh | 12 小时制的小时,带前导零 |
h | 12 小时制的小时,不带前导零 |
mm | 分钟,带前导零 |
m | 分钟,不带前导零 |
ss | 秒,带前导零 |
s | 秒,不带前导零 |
示例代码:
import { format } from "@freeliu/date"; console.log(format(new Date(), "YYYY-MM-DD HH:mm:ss")); // 2022-06-25 15:36:40
addDay
addDay 函数可以在指定的日期上增加或减少若干天,并返回计算之后的日期。参数一是指定的日期,参数二是要增加或减少的天数。如果要减少天数,则传入负数即可。
示例代码:
import { addDay } from "@freeliu/date"; const today = new Date(); console.log(addDay(today, 1)); // 明天 console.log(addDay(today, 7)); // 一周后 console.log(addDay(today, -7)); // 一周前
subtractDay
subtractDay 函数与 addDay 函数作用相同,只是计算方式相反。它在指定的日期上减少或增加若干天,并返回计算之后的日期。参数一是指定的日期,参数二是要减少或增加的天数。如果要增加天数,则传入负数即可。
示例代码:
import { subtractDay } from "@freeliu/date"; const today = new Date(); console.log(subtractDay(today, 1)); // 昨天 console.log(subtractDay(today, 7)); // 一周前 console.log(subtractDay(today, -7)); // 一周后
总结
通过这篇文章的学习,我们了解了 @freeliu/date 这个 npm 包的使用方法,可以帮助我们更快地进行日期的格式化和计算。这个包虽然功能简单,但是很实用。希望大家能在实际开发中充分运用这个包,提高开发效率,减少代码冗余。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/60065f79238a385564ab698a