小而美的时间工具：超200种函数，这个库能满足你的所有需求

大家好，我是「前端实验室」爱分享的了不起~

前言

关于日期时间的插件，我们之前介绍过功能齐全的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/