方法：1、使用“npm install moment –save”安装moment；2、在组件中使用import语句引入moment；3、使用monent提供的方法来获取日期，例“moment().format();”获取当前时间。
本教程操作环境：windows7系统、React16版，该方法适用于所有品牌电脑。
相关推荐：《React视频教程》
在写项目时，我们有时需要获取当前时间，这时我们除了用之前 js 获取日期的方式之外，也可以使用 moment 来获取日期。
1、安装 moment
npm install moment --save
登录后复制
2、引入 moment
import moment from 'moment'
登录后复制
3、使用 moment
获取当前时间：
//获取 当前时间moment().format('YYYY-MM-DD HH:mm:ss'); //2020-08-25 10:23:59//获取年份moment().year(); //2020moment().get('year'); //2020//获取月份(0：一月份 11: 12月份 )moment().month(); //7moment().get('month'); //7//获取一个月的某一天moment().date(); //25moment().get('date'); //25//获取小时moment().hours(); //11moment().get('hours'); //11//获取分钟moment().minutes(); //11moment().get('minutes'); //11//获取秒数moment().seconds(); //17moment().get('seconds'); //17//获取 今天星期几moment().format('dddd'); //Tuesdaymoment().format('d'); //2moment().day(); //2（0~6 分别代表周日到周六）moment().weekday(); //2（0~6 分别代表周日到周六）moment().isoWeekday(); //2（1~7 分别代表周一到周日）moment().get('date'); //2moment().get('weekday'); //2moment().get('isoWeekday'); //2
登录后复制
设置时间：
//设置年份moment().year(2019);moment().set('year', 2019);moment().set({year: 2019});//设置月份//0~11, 0: 1月份, 11: 12月份moment().month(8); moment().set('month', 8);//设置 某个月中的某一天 某个周中的某一天 小时 分钟 秒数 同上，这里就不写了
登录后复制
格式化指定时间：
//格式化指定时间moment(time).format('YYYY-MM-DD');
登录后复制
时间差：
now_time.diff(start_time,"hour"); //小时数now_time.diff(start_time,"minute"); //分钟数now_time.diff(start_time,"second"); //现在和初始时间相差的秒数now_time.diff(start_time, 'months'); //月数now_time.diff(start_time, 'weeks'); //周数now_time.diff(start_time, 'days'); //天数
登录后复制
相对时间：
//add 加时间 //subtract 减时间moment().subtract(10, 'days').format('YYYY-MM-DD HH:mm:ss'); //2020-08-15 10:51:48moment().subtract(6, 'days').format('YYYY-MM-DD HH:mm:ss'); //2020-08-19 10:51:48moment().subtract(3, 'days').format('YYYY-MM-DD HH:mm:ss'); //2020-08-22 10:51:48moment().subtract(1, 'days').format('YYYY-MM-DD HH:mm:ss'); //前一天：2020-08-24 10:51:48moment().format('YYYY-MM-DD HH:mm:ss'); //当前时间：2020-08-25 10:51:48moment().add(1, 'days').format('YYYY-MM-DD HH:mm:ss'); //后一天：2020-08-26 10:51:48moment().add(3, 'days').format('YYYY-MM-DD HH:mm:ss'); //2020-08-28 10:51:48moment().add(10, 'days').format('YYYY-MM-DD HH:mm:ss'); //2020-09-04 10:51:48moment().subtract(1, 'year').format('YYYY-MM-DD HH:mm:ss'); //前一年：moment().add(1, 'year').format('YYYY-MM-DD HH:mm:ss'); //后一年：moment().subtract(1, 'hours').format('YYYY-MM-DD HH:mm:ss'); //前一小时：moment().add(1, 'hours').format('YYYY-MM-DD HH:mm:ss'); //后一小时：
登录后复制
// startOf 设置为起始时间 moment("20111031", "YYYYMMDD").fromNow(); //9 years agomoment().startOf('day').fromNow(); //11 hours agomoment().startOf('hour').fromNow(); //an hour agomoment().endOf('day').fromNow(); //in 13 hoursmoment().endOf('hour').fromNow(); //in 15 minutes//年初moment().startOf('year').format('YYYY-MM-DD HH:mm:ss'); //2020-01-01 00:00:00//月初moment().startOf('month').format('YYYY-MM-DD HH:mm:ss'); //2020-08-01 00:00:00//日初moment().startOf('day').format('YYYY-MM-DD HH:mm:ss'); //2020-08-25 00:00:00//周初 本周第一天（周日）moment().startOf('week').format('YYYY-MM-DD HH:mm:ss'); //2020-08-23 00:00:00//本周周一初moment().startOf('isoWeek').format('YYYY-MM-DD HH:mm:ss'); //2020-08-24 00:00:00
登录后复制
更多编程相关知识，请访问：编程视频课程！！
以上就是react中monent如何获取日期？的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2722611.html
