react中monent如何获取日期
使用 Moment.js 获取当前日期
在 React 项目中安装 Moment.js 后,可以通过以下方式获取当前日期:
import moment from 'moment';
const currentDate = moment().format('YYYY-MM-DD');
moment() 会返回当前时间的 moment 对象,format() 方法可以将其格式化为指定字符串。
解析特定日期字符串
如果需要从特定格式的日期字符串创建 moment 对象:
const date = moment('2023-05-15', 'YYYY-MM-DD');
第二个参数指定了输入字符串的格式模式。

获取日期的各个部分
从 moment 对象中提取年、月、日等信息:
const year = moment().year();
const month = moment().month() + 1; // 月份从0开始
const day = moment().date();
注意月份返回的是 0-11,需要加 1 得到实际月份。
日期计算操作
moment 提供了丰富的日期计算方法:

const tomorrow = moment().add(1, 'days');
const lastWeek = moment().subtract(7, 'days');
可以指定天、月、年等单位进行加减运算。
日期比较
比较两个日期的先后顺序:
const date1 = moment('2023-01-01');
const date2 = moment('2023-12-31');
date1.isBefore(date2); // true
date2.isAfter(date1); // true
本地化设置
设置和获取本地化信息:
moment.locale('zh-cn'); // 设置为中文
const weekday = moment().format('dddd'); // 获取本地化的星期名称
注意事项
- Moment.js 目前处于维护模式,对于新项目建议考虑使用 date-fns 或 Day.js 等更现代的库
- 在 React 组件中使用时,应在 useEffect 或类似生命周期中处理日期操作
- 格式化字符串区分大小写,如 'MM' 表示月份,'mm' 表示分钟






