使用 Moment.js 将12小时制（AM/PM）字符串转换为24小时日期对象-JavaScript中文网-JavaScript教程资源分享门户

在前端开发中，我们经常需要对日期和时间进行操作和格式化。如果我们从后端或其他系统接收到的是以12小时制表示的日期和时间，而我们需要将其转换为24小时制的 JavaScript Date 对象，则可以使用 Moment.js 这个流行的 JavaScript 库来轻松地完成这个任务。

Moment.js 简介

Moment.js 是一个轻量级的 JavaScript 库，用于解析、验证、操作和显示日期和时间。它提供了简单易用的 API，可以方便地处理各种日期和时间格式，支持本地化和时区转换，并且还提供了强大的格式化和解析功能。Moment.js 可以在浏览器和 Node.js 中使用，并且是一个非常流行的日期库。

转换 12 小时制字符串到 24 小时制 Date 对象

假设我们有一个以12小时制表示的时间字符串 12:30 PM，我们想将其转换为24小时制的 Date 对象。可以按照以下步骤使用 Moment.js：

安装 Moment.js：可以通过 npm 包管理器安装 Moment.js，也可以直接从官方网站下载文件和链接。在此，我们将使用 npm 来安装 Moment.js：

npm install moment

引入 Moment.js 库：在 JavaScript 文件或模块中引入 Moment.js 库：

const moment = require('moment');

或者使用 ES6 模块：

import moment from 'moment';

使用 Moment.js 解析时间字符串：使用 moment 函数将时间字符串解析为 Moment 对象，然后通过 format 函数将其格式化为 24 小时制的字符串：

const timeString = '12:30 PM';
const momentObj = moment(timeString, 'h:mm A');
const time24hr = momentObj.format('HH:mm');

这里，我们首先将时间字符串 12:30 PM 和解析格式 'h:mm A' 传递给 moment 函数，它将返回一个 Moment 对象。然后，我们使用 format 函数和参数 'HH:mm' 将 Moment 对象格式化为 24 小时制的时间字符串 12:30。

创建 Date 对象：使用 JavaScript 的 Date 构造函数将时间字符串转换为 Date 对象：

const dateObj = new Date(`1970-01-01T${time24hr}:00`);

这里，我们创建一个新的 Date 对象，将日期设置为 1970-01-01，并将时间设置为刚刚格式化的 24 小时制的时间字符串 ${time24hr}:00。

完整代码示例：

const moment = require('moment');

const timeString = '12:30 PM';
const momentObj = moment(timeString, 'h:mm A');
const time24hr = momentObj.format('HH:mm');
const dateObj = new Date(`1970-01-01T${time24hr}:00`);

console.log(dateObj); // 输出: Thu Apr 07 2023 12:30:00 GMT+0800 (China Standard Time)

这里，我们使用了 console.log() 在控制台输出转换后的 Date 对象。

结论

Moment.js 是一个非常流行的日期库，提供了强大的解析、格式化和操作日期和时间的 API。在本文中，我们演示了如何使用 Moment.js 将12小时制字符串转换为24小时制的 JavaScript Date 对象。通过遵循这些简单步骤，可以方便地将不同格式的时间字符串转换为所需的格式，并以 Date 对象的形式使用它们进行更进一步的处理。

来源：JavaScript中文网，转载请注明来源 https://www.javascriptcn.com/post/29880