如何在 JavaScript 中格式化日期时间

在 JavaScript 中，可以使用内置的 Date 对象来处理日期和时间。要格式化日期和时间，可以使用 Date 对象的方法和一些常用的技巧。本文将介绍如何在 JavaScript 中格式化日期和时间。

1. 使用 toLocaleString() 方法

toLocaleString() 方法是 Date 对象的一个内置方法，它可以将日期和时间格式化为本地化的字符串。

const date = new Date();
const formattedDate = date.toLocaleString();
console.log(formattedDate);

输出结果可能类似于：11/17/2022, 12:34:56 PM

2. 使用第三方库

除了使用内置的 Date 对象，还可以使用一些第三方库来格式化日期和时间。以下是几个流行的日期时间处理库：

• Moment.js：是一个功能强大的日期和时间处理库，可以用于解析、验证、操作和显示日期和时间。
• Luxon：是 Moment.js 的一个现代化替代品，提供了类似的功能，但具有更小的文件大小和更好的性能。
• Day.js：是一个轻量级的日期和时间库，具有 Moment.js 的大部分功能，并支持链式调用。

可以使用以下方式之一安装这些库，并按照其文档来格式化日期和时间。

使用 npm 安装 Moment.js：

```bash
npm install moment

使用 npm 安装 Luxon：

```bash
npm install luxon

使用 npm 安装 Day.js：

```bash
npm install dayjs

使用以下代码片段，使用 Moment.js 格式化当前日期和时间：

const moment = require('moment');
const formattedDate = moment().format('YYYY-MM-DD HH:mm:ss');
console.log(formattedDate);

使用以下代码片段，使用 Luxon 格式化当前日期和时间：

const { DateTime } = require('luxon');
const formattedDate = DateTime.now().toLocaleString(DateTime.DATETIME_MED);
console.log(formattedDate);

使用以下代码片段，使用 Day.js 格式化当前日期和时间：

const dayjs = require('dayjs');
const formattedDate = dayjs().format('YYYY-MM-DD HH:mm:ss');
console.log(formattedDate);

3. 使用自定义格式字符串

如果需要自定义日期和时间的格式，可以使用 Date 对象的方法来获取各个部分的值，并将它们组合成所需的格式。

以下是一些常见的自定义格式字符串：

• YYYY：四位数的年份（例如：2022）
• MM：两位数的月份（01 到 12）
• DD：两位数的日期（01 到 31）
• HH：24 小时制的小时（00 到 23）
• mm：分钟（00 到 59）
• ss：秒（00 到 59）
• A：上午/下午（AM 或 PM）

例如，使用以下代码片段，可以将当前日期和时间格式化为 YYYY-MM-DD HH:mm:ss 的格式：

const date = new Date();
const formattedDate = `${date.getFullYear()}-${(date.getMonth() + 1)
  .toString()
  .padStart(2, '0')}-${date.getDate().toString().padStart(2, '0')} ${date
  .getHours()
  .toString()
  .padStart(2, '0')}:${date.getMinutes().toString().padStart(2, '0')}:${date
  .getSeconds()
  .toString()
  .padStart(2, '0')}`;
console.log(formattedDate);

输出结果可能类似于：2022-11-17 12:34:56

注意：这种方法更灵活，但需要手动处理每个日期和时间部分的值。

结论

本文介绍了在 JavaScript 中格式化日期和时间的几种方法。你可以使用 toLocaleString() 方法来使用默认格式，或者使用第三方库（如 Moment.js、Luxon 或 Day.js）来处理更高级的日期时间格式化。如果需要自定义格式，可以使用 Date 对象的方法来获取各部分的值，并将它们组合成所需的格式。