Moment.js 处理日期库

---

Moment.js是什么

Moment.js 是一个轻量级的日期处理库，它提供了一套简单而强大的 API，使得在 JavaScript 中处理日期和时间变得非常简便。它支持日期解析、格式化、比较、计算、本地化以及其他常见的日期操作需求，可以帮助开发者在前端应用中轻松地解析、验证、操作和显示日期和时间。

Moment.js使用：

安装和引入 Moment.js：

可以通过 npm 或者直接下载 Moment.js 库文件来安装并引入到项目中。下面是使用 npm 来安装 Moment.js 的命令：

npm install moment
1

在vue项目中使用

在需要使用 Moment.js 的组件中引入 Moment.js：

const moment = require('moment');
1

也可以在vue中全局注册moment，这里不过多讲述

Moment.js 的基本用法：

Moment.js 提供了丰富的 API，下面是一些常见的使用方法：

• 解析日期和时间：

const date = moment('2023-09-18').format('YYYY-MM-DD');
//输出2023-09-18
const datetime = moment('2023-09-18 10:30:00', 'YYYY-MM-DD HH:mm:ss');
//输出2023-09-18 10:30:00
1
2
3
4

• 格式化日期和时间：

const formattedDate = moment().format('YYYY-MM-DD');
const formattedDateTime = moment().format('YYYY-MM-DD HH:mm:ss');
1
2

• 返回月份第一天和最后一天：

const date = moment().startOf('month').format('YYYY-MM-DD');
//输出2023-09-01
const date = moment().endOf('month').format('YYYY-MM-DD');
//输出2023-09-30
1
2
3
4

• 比较日期和时间：

const dateA = moment('2023-09-18');
const dateB = moment('2023-09-19');
const isBefore = dateA.isBefore(dateB);
// isBefore.. true
const isAfter = dateA.isAfter(dateB);
// isAfter.. false
1
2
3
4
5
6

• 计算日期差值：

const startDate = moment('2023-09-18');
const endDate = moment('2023-09-25');
const duration = moment.duration(endDate.diff(startDate));
// duration返回时间戳 
const daysDiff = duration.asDays();
// daysDiff返回具体的天数  7
1
2
3
4
5
6

Moment.js 的常用方法示例：

• 添加或减去时间：

const date = moment('2023-09-18');
const modifiedDate = date.add(1, 'day');
// 返回 2023-09-19
1
2
3

• 设置日期部分：

const date = moment('2023-09-18');
const modifiedDate = date.date(25).format('YYYY-MM-DD');
//返回  2023-09-25
1
2
3

• 获取日期部分：

const date = moment('2023-09-18');
const dayOfMonth = date.date(); // 返回 18
const month = date.month(); // 返回 8（注意月份从 0 开始）
1
2
3

总结

这些只是 Moment.js 中一小部分常用方法的示例，你可以根据具体需求查阅 Moment.js 的官方文档来深入了解更多功能和用法。希望本文能帮助你更好地理解 Moment.js，并在前端开发中灵活运用。