react中monent如何获取日期

使用 Moment.js 获取当前日期

在 React 中通过 Moment.js 获取当前日期，可以直接调用 moment() 函数。它会返回包含当前日期和时间的 Moment 对象。

import moment from 'moment';

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

格式化日期

Moment.js 提供 format() 方法，支持自定义日期显示格式。常用格式符包括：

• YYYY：四位年份
• MM：两位月份
• DD：两位日期
• HH：24小时制的小时
• mm：分钟
• ss：秒

const formattedDate = moment().format('YYYY年MM月DD日 HH:mm:ss');
console.log(formattedDate); // 输出如 "2023年10月05日 14:30:45"

获取特定日期部分

通过 Moment.js 可以单独获取年、月、日等部分：

const year = moment().year();    // 当前年份
const month = moment().month();  // 月份（0-11，需+1）
const day = moment().date();     // 当月第几天

操作日期（加减）

使用 add() 和 subtract() 方法进行日期加减：

const nextWeek = moment().add(7, 'days');    // 加7天
const lastMonth = moment().subtract(1, 'month'); // 减1个月

解析字符串日期

将字符串转换为 Moment 对象时需明确格式：

const customDate = moment('2023-10-05', 'YYYY-MM-DD');
console.log(customDate.isValid()); // 验证日期有效性

注意事项

1. Moment.js 已进入维护模式，新项目建议使用 date-fns 或 day.js 替代。
2. 在 React 组件中使用时，建议将日期操作逻辑放在 useEffect 或状态管理中。
3. 时区处理需额外配置插件（如 moment-timezone）。