react中monent如何获取日期

使用 Moment.js 获取当前日期

在 React 项目中安装 Moment.js 后，可以通过 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:15"

获取特定日期

通过传递参数给 moment()，可以解析特定日期字符串或日期对象。

// 解析字符串
const customDate = moment('2023-12-25');
console.log(customDate.format('MMMM Do YYYY')); // 输出 "December 25th 2023"

// 解析日期对象
const jsDate = new Date();
const momentDate = moment(jsDate);

操作日期（加减）

使用 add() 和 subtract() 方法调整日期：

const tomorrow = moment().add(1, 'day'); // 加1天
const lastWeek = moment().subtract(7, 'days'); // 减7天

获取日期部分

提取日期的年、月、日等部分：

const year = moment().year(); // 获取年份
const month = moment().month() + 1; // 获取月份（0-11，需+1）
const day = moment().date(); // 获取日期

注意事项

• Moment.js 已进入维护模式，推荐使用现代替代库如 date-fns 或 day.js。
• 在 React 中频繁更新日期时，需结合 useState 或 useEffect 管理状态。