介绍

datefns为浏览器中操作JavaScript日期提供了最全面、最简单、最一致的工具集，并且可以在node.js中使用！常见的类似的库还有moment.js和day.js!

Github

https://github.com/date-fns/date-fns

特性

• 模块化

只是用需要使用的功能，可以很好地与webpack, Browserify, 或者 Rollup集成

• 原生日期

date-fns不会重新造轮子，而是使用现有的本机类型。此外，出于安全考虑，它不会扩展核心对象。date-fns中的函数可以正常工作，在某些情况下会遵循ECMAScript行为。

• 纯函数

date-fns是使用纯函数构建的，并且始终返回新的日期实例，而不是更改传递的实例。这有助于防止错误并避免长时间的调试会话。

• 支持Typescript和Flow

date-fns支持Flow和TypeScript

• 国际化

支持几十种语言，当然包括了简体中文，只有当你需要使用的时候才会包括进来

• 一致性

它总是返回同一时区中的日期，不管传递的是时间戳、字符串还是日期对象。该API经过定制，具有可预测的名称和参数顺序。

• 可靠性

datefns尊重时区和夏时制。它遵循语义版本控制，因此始终向后兼容。每个构建CI在大约400个时区检查超过650000个示例

• 简单

最好的API是不存在API。对于date fns，你总是有一个函数可以做一件事。并且总是有一个单一的方法来解决问题。

• 性能好

除了体积小之外，date-fns速度很快。

• 详细的文档

每个函数都有一个详细的例子说明。由于JSDoc注释，文档可以在线（在网站上）和离线访问。

示例

• 格式化

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

format(new Date(), "'Today is a' iiii")
//=> "Today is a Thursday"

formatDistance(subDays(new Date(), 3), new Date())
//=> "3 days ago"

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

• 国际化

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"

• 日常使用

import { addYears, formatWithOptions, toUpper } 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']

总结

不论是moment.js或者day.js亦或是datefns都是JavaScript中处理日期非常好的库，也避免了很多日期处理中的很多问题！