简介
date-fns 是一个轻量级的 JavaScript 日期工具库，它提供了许多有用的日期处理函数。这个库非常适合在前端开发中使用。
安装
你可以通过 npm 安装 date-fns：
npm install date-fns
时间格式化
date-fns 提供了多种时间格式化方法，包括 format、formatDistance、formatRelative 等。其中，format 方法可以将时间格式化为指定的格式，比如：
import { format } from 'date-fns';
const date = new Date();
const formattedDate = format(date, 'yyyy-MM-dd HH:mm:ss');
console.log(formattedDate); // 输出类似于 "2023-04-07 18:30:00" 的字符串日期计算
date-fns 还支持日期和时间的加减计算，比如：
import { addDays, subMonths } from 'date-fns';
const date = new Date();
const nextWeek = addDays(date, 7);
const lastMonth = subMonths(date, 1);
console.log(nextWeek); // 输出下一周的日期对象
console.log(lastMonth); // 输出上个月的日期对象时区转换
在跨时区的应用中，时区转换是非常重要的。date-fns 提供了多种时区转换方法，包括 utcToZonedTime、zonedTimeToUtc、formatToTimeZone 等。其中，utcToZonedTime 方法可以将 UTC 时间转换为指定时区的时间，比如：
import { utcToZonedTime } from 'date-fns-tz';
const date = new Date('2023-04-07T18:30:00.000Z');
const timeZone = 'Asia/Shanghai';
const zonedDate = utcToZonedTime(date, timeZone);
console.log(zonedDate); // 输出类似于 "Fri Apr 08 2023 02:30:00 GMT+0800 (中国标准时间)" 的日期对象总结
通过本文，你学习了如何在前端项目中使用 date-fns 库来处理日期和时间。我们介绍了这个库的安装方法以及常用的时间格式化、日期计算和时区转换方法，并提供了示例代码帮助你更好地理解这些功能。希望这篇文章对你有所帮助！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/32554
