在 JavaScript 中格式化日期

JavaScript 是一种现代 Web 开发中不可或缺的编程语言， 它经常需要处理日期和时间。在 JavaScript 中，有许多方式可以格式化日期。本文将介绍常见的格式化方式。

Date 对象

JavaScript 的内置对象 Date 可以用来进行日期和时间的处理。使用 new Date() 创建一个新的日期对象：

const today = new Date();

日期对象有多个方法可以用于格式化日期和时间：

• getFullYear()：获取年份
• getMonth()：获取月份（0 到 11）
• getDate()：获取日期
• getDay()：获取星期几（0 到 6， 0 代表星期日）
• getHours()：获取小时
• getMinutes()：获取分钟
• getSeconds()：获取秒数
• getMilliseconds()：获取毫秒数

const today = new Date();

const year = today.getFullYear();
const month = today.getMonth() + 1; // 注意月份需要加 1
const date = today.getDate();

console.log(`今天是 ${year} 年 ${month} 月 ${date} 日`);

以上代码输出为：今天是 2021 年 12 月 7 日。

日期格式化库

在日常开发中，我们通常需要更加灵活的日期格式化方式。例如，要将日期格式化为 yyyy/MM/dd HH:mm 或者 MM/dd/yyyy 等等。与其自行编写格式化代码，不如使用日期格式化库。

Moment.js

Moment.js 是一个广泛使用的 JavaScript 日期和时间格式化库。它可以帮助你轻松处理日期、时间和时区。Moment.js 可以解析、验证、操作和格式化日期。

使用 Moment.js 很容易将日期格式化为字符串：

const today = moment();
const formattedDate = today.format("YYYY/MM/DD HH:mm");

console.log(`今天是 ${formattedDate}`);

以上代码输出为：今天是 2021/12/07 15:21。

Moment.js 还可以帮助你处理日期差异、时区计算、日期排序等任务。

date-fns

date-fns 是另一个流行的日期格式化库。它提供了许多功能强大的函数，用于处理日期和时间。Date-fns 库提供了许多格式化选项，使格式化更加容易。

const today = new Date();
const formattedDate = format(today, "MM/dd/yyyy");

console.log(`今天是 ${formattedDate}`);

以上代码将日期格式化为 MM/dd/yyyy 形式，输出为：今天是 12/07/2021。

总结

在本文中，我们介绍了 JavaScript 中格式化日期的两种方法：使用内置 Date 对象或采用流行的日期格式化库 Moment.js 或 date-fns。在实际工作中，尽可能采用现有的库可以极大地提高开发效率，并且降低出错率。