Moment.js常见用法总结

什么是Moment.js

Moment.js是一个方便的JavaScript日期库，可以用于解析、验证、操作和格式化日期。它可以用于浏览器环境和Node.js环境，并且支持多种语言环境。

安装Moment.js

在使用Moment.js之前，需要先安装它。可以通过npm在Node.js环境中安装，也可以将moment.js文件直接添加到HTML文件中。

npm install moment

或者通过CDN引入Moment.js

<script src="https://cdn.jsdelivr.net/npm/moment@2.29.1/min/moment.min.js"></script>

常见用法

创建日期

要创建一个日期对象，可以使用moment()函数。如果没有传递任何参数，则会返回一个表示当前日期和时间的对象。

var now = moment(); // 返回当前日期和时间的Moment对象

默认情况下，Moment.js会使用本地时间创建日期对象。如果要使用特定的时区，可以在函数中传入一个字符串或Moment对象。

var now = moment("2022-01-01T00:00:00-05:00"); // 以UTC-5为时区，创建一个Moment对象

格式化日期

要将日期格式化为字符串，可以使用format()函数。可以使用各种占位符指示要包含的日期元素。

var now = moment();
console.log(now.format("YYYY年MM月DD日")); // 2022年01月01日

解析日期

要解析日期字符串并创建Moment对象，可以使用parse()函数。

var myDate = moment.parse("2022-01-01T00:00:00-05:00"); // 从字符串中解析日期

操作日期

可以使用add()和subtract()函数更改日期。

var now = moment();
var nextWeek = now.add(1, "week"); // 将日期对象增加1周

比较日期

要比较两个日期，可以使用diff()函数。该函数返回两个日期之间的时间差。

var now = moment();
var tomorrow = moment().add(1, "day");
var diff = tomorrow.diff(now, "days"); // 计算和获取两个日期之间的天数差异
console.log(diff); // 1

多语言支持

Moment.js支持多种语言环境。要更改语言环境，可以使用locale()函数。

moment.locale("zh-cn");
console.log(moment().format("MMMM Do YYYY, h:mm:ss a")); // 一月二十六日 2022年, 2:39:44 下午

示例

示例1：计算两个日期之间的天数差异

var date1 = moment("2022-01-01");
var date2 = moment("2022-01-31");
var diff = date2.diff(date1, "days");
console.log(diff); // 30

示例2：将日期格式化为自定义字符串

var now = moment();
console.log(now.format("YYYY年MM月DD日 HH:mm:ss")); // 2022年01月01日 00:00:00