太强了！这个js库有200多个日期时间函数

大家好，我是农村程序员，独立开发者，前端之虎陈随易。

这是我的个人网站：chensuiyi.me。

我的所以文章都可以在我的个人网站找到，欢迎访问，也欢迎与我交朋友。

笔者在多年的职业生涯中，用过很多 js 日期时间操作库，如今唯爱这一个，它就是 date-fns。

这是一个拥有 200多个 日期时间函数的集合，堪称日期时间中的 Lodash。

支持按需导出，最大可能地降低打包体积，也支持函数式，链式调用风格。

当前维护非常积极，star 数 35k，提交了 2000多次，近 400个 代码贡献者，被超过 400万 个项目所依赖使用。

2024年9月份发布了 v4 大版本，支持不同时区的时间操作和互转等，特点如下图。

话不多说，看几个示例：

格式化

js 复制代码

import { format, formatDistance, formatRelative, subDays } from 'date-fns';

format(new Date(), "'Today is a' eeee");
//=> "Today is a Saturday"

formatDistance(subDays(new Date(), 3), new Date(), { addSuffix: true });
//=> "3 days ago"

formatRelative(subDays(new Date(), 3), new Date());
//=> "last Friday at 7:26 p.m."

国际化

js 复制代码

import { formatRelative, subDays } from 'date-fns';
import { es, ru } from 'date-fns/locale';

formatRelative(subDays(new Date(), 3), new Date());
//=> "last Friday at 7:26 p.m."

formatRelative(subDays(new Date(), 3), new Date(), { locale: es });
//=> "el viernes pasado a las 19:26"

formatRelative(subDays(new Date(), 3), new Date(), { locale: ru });
//=> "в прошлую пятницу в 19:26"

组合与函数式

js 复制代码

import { addYears, formatWithOptions } from 'date-fns/fp';
import { eo } from 'date-fns/locale';

const addFiveYears = addYears(5);

const dateToString = formatWithOptions({ locale: eo }, 'D MMMM YYYY');

const dates = [
    new Date(2017, 0, 1),
    new Date(2017, 1, 11),
    new Date(2017, 6, 2)
];

const toUpper = (arg) => String(arg).toUpperCase();

const formattedDates = dates.map(addFiveYears).map(dateToString).map(toUpper);
//=> ['1 JANUARO 2022', '11 FEBRUARO 2022', '2 JULIO 2022']

可以看到，这操作，非常地 Lodash！