react中monent如何获取日期

使用 Moment.js 获取日期

在 React 项目中，可以通过 Moment.js 库轻松处理日期和时间。以下是几种常见的日期获取方法。

安装 Moment.js

确保项目中已安装 Moment.js。若未安装，可通过以下命令安装：

npm install moment

引入 Moment.js

在组件中引入 Moment.js：

import moment from 'moment';

获取当前日期

使用 moment() 获取当前日期和时间：

const currentDate = moment();
console.log(currentDate.format()); // 输出 ISO 格式的当前时间

格式化日期

通过 format() 方法将日期格式化为特定字符串：

const formattedDate = moment().format('YYYY-MM-DD');
console.log(formattedDate); // 输出如 "2023-10-05"

获取特定日期部分

提取日期的年、月、日等信息：

const year = moment().year(); // 当前年份
const month = moment().month() + 1; // 月份（0-11，需+1）
const day = moment().date(); // 当前日期
console.log(`${year}-${month}-${day}`);

解析自定义日期字符串

从字符串解析日期并格式化：

const customDate = moment('2023-10-05', 'YYYY-MM-DD');
console.log(customDate.format('MMMM Do, YYYY')); // 输出 "October 5th, 2023"

计算日期差异

计算两个日期之间的差异：

const date1 = moment('2023-10-01');
const date2 = moment('2023-10-05');
const diffDays = date2.diff(date1, 'days');
console.log(diffDays); // 输出 4

注意事项

• Moment.js 已进入维护模式，推荐使用现代替代库如 date-fns 或 day.js。
• 格式化符号参考 Moment.js 文档。