npm 包 moment-browser 使用教程

在前端开发中，我们经常需要操作时间，如格式化时间、计算时间差等。而 Moment.js 是一个非常优秀的 JavaScript 日期处理库，它支持格式化、解析、比较等多种日期操作。在浏览器端使用 Moment.js 也非常方便，只需要通过 npm 安装 moment-browser 这个 npm 包即可。

安装

通过 npm 安装 moment-browser：

npm install moment-browser

使用

在 JavaScript 文件中引入 moment：

import moment from 'moment-browser';

格式化日期

格式化日期是 Moment.js 最常用的功能之一，可以很方便地将日期转换成字符串。以下是一些常用的格式化字符串：

• YYYY：四位数的年份
• MM：两位数的月份（01-12）
• DD：两位数的日期（01-31）
• HH：两位数的小时数（00-23）
• mm：两位数的分钟数（00-59）
• ss：两位数的秒数（00-59）
• SSS：三位数的毫秒数（000-999）

const now = moment();
console.log(now.format('YYYY-MM-DD HH:mm:ss')); // 2021-12-01 10:30:55

解析日期

Moment.js 可以将字符串解析为日期对象。只需要提供一个格式字符串，Moment.js 就能够解析对应字符串的日期信息。

// 解析日期
const dateStr = '2021-12-01 10:30:55';
const date = moment(dateStr, 'YYYY-MM-DD HH:mm:ss');

// 格式化日期
console.log(date.format('YYYY-MM-DD HH:mm:ss')); // 2021-12-01 10:30:55

计算日期差

Moment.js 可以计算两个日期的差值，获取相差的天数、小时数、分钟数等。

const date1 = moment('2021-12-01 10:30:55', 'YYYY-MM-DD HH:mm:ss');
const date2 = moment('2021-12-01 12:30:55', 'YYYY-MM-DD HH:mm:ss');

// 获取相差的小时数
console.log(date2.diff(date1, 'hours')); // 2

其他功能

Moment.js 还有很多其他功能，如计算相对时间、格式化持续时间、判断日期是否合法等。这里不一一列举，可以参考官方文档进行学习。

总结

Moment.js 是一个非常优秀的 JavaScript 日期处理库，提供了多种日期操作功能，能够极大地简化前端开发中的日期处理。通过 npm 安装 moment-browser 这个包，就能够在浏览器端使用 Moment.js；同时，我们还学习了 Moment.js 的常用功能和使用方法。

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