Moment.js是什么
Moment.js 是一个轻量级的日期处理库，它提供了一套简单而强大的 API，使得在 JavaScript 中处理日期和时间变得非常简便。它支持日期解析、格式化、比较、计算、本地化以及其他常见的日期操作需求，可以帮助开发者在前端应用中轻松地解析、验证、操作和显示日期和时间。
Moment.js使用：
安装和引入 Moment.js：
可以通过 npm 或者直接下载 Moment.js 库文件来安装并引入到项目中。下面是使用 npm 来安装 Moment.js 的命令：
npm install moment
在vue项目中使用
在需要使用 Moment.js 的组件中引入 Moment.js：
const moment = require('moment');
也可以在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
- 格式化日期和时间：
const formattedDate = moment().format('YYYY-MM-DD');
const formattedDateTime = moment().format('YYYY-MM-DD HH:mm:ss');
- 返回月份第一天和最后一天：
const date = moment().startOf('month').format('YYYY-MM-DD');
//输出2023-09-01
const date = moment().endOf('month').format('YYYY-MM-DD');
//输出2023-09-30
- 比较日期和时间：
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
- 计算日期差值：
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
Moment.js 的常用方法示例：
- 添加或减去时间：
const date = moment('2023-09-18');
const modifiedDate = date.add(1, 'day');
// 返回 2023-09-19
- 设置日期部分：
const date = moment('2023-09-18');
const modifiedDate = date.date(25).format('YYYY-MM-DD');
//返回 2023-09-25
- 获取日期部分：
const date = moment('2023-09-18');
const dayOfMonth = date.date(); // 返回 18
const month = date.month(); // 返回 8（注意月份从 0 开始）
总结
这些只是 Moment.js 中一小部分常用方法的示例，你可以根据具体需求查阅 Moment.js 的官方文档来深入了解更多功能和用法。希望本文能帮助你更好地理解 Moment.js，并在前端开发中灵活运用。
