大家好,我是「前端实验室」
爱分享的了不起~
关于日期时间的插件,我们之前介绍过功能齐全的moment.js
,具备时间/时区处理的全部功能,缺点就是体积大,连moment.min.js
大小也有几十k.
此外,我们还介绍过一个轻量的处理时间和日期的 JavaScript 库:day.js
,体积只有2kb。
但今天我们的主角是date-fns
--一个小而美,按需加载的时间处理库。
date-fns
是一个现代的 JavaScript 日期工具类库,提供了最全面、最简单和一致的工具集,用于在浏览器和 Node.js 中操作 JavaScript 日期的工具。
已经发布的date-fns v3.3.1版本
支持TypeScript,重新引入了 String 日期参数,在 Node 上支持 ESM,并且所有函数现在都可以通过命名导出导出。
安装非常简单,直接安装NPM包就可以了
npm install date-fns --save
# or
yarn add date-fns
接着就可以在项目中用了。下面是格式化和比较排序函数。
import { format, compareAsc } from "date-fns";
format(new Date(2024, 1, 6), "MM/dd/yyyy");
//=> '01/06/2014'
const dates = [
new Date(2023, 6, 2),
new Date(2024, 1, 11),
new Date(2022, 6, 10),
];
dates.sort(compareAsc);
//=> [
// Mon Jul 10 2022 00:00:00,
// Sun Jul 02 2023 00:00:00,
// Wed Jan 11 2024 00:00:00
// ]
当然,date-fns
还提供了其他很多非常实用的函数集。
date-fns
的体积虽小,但函数功能却非常丰富。200+函数我就不一样列举了。小伙伴可以访问官方地址进行查阅。
官网地址 https://date-fns.org/