react中monent如何获取日期？-tutorial js-php.cn

方法：1、使用“npm install moment --save”安装moment；2、在组件中使用import语句引入moment；3、使用monent提供的方法来获取日期，例“moment().format();”获取当前时间。

react中monent如何获取日期？

本教程操作环境：windows7系统、React16版，该方法适用于所有品牌电脑。

在写项目时，我们有时需要获取当前时间，这时我们除了用之前 js 获取日期的方式之外，也可以使用 moment 来获取日期。

1、安装 moment

npm install moment --save

Salin selepas log masuk

2、引入 moment

import moment from 'moment'

Salin selepas log masuk

3、使用 moment

获取当前时间：

//获取 当前时间 moment().format('YYYY-MM-DD HH:mm:ss'); //2020-08-25 10:23:59 //获取年份 moment().year(); //2020 moment().get('year'); //2020 //获取月份(0：一月份 11: 12月份 ) moment().month(); //7 moment().get('month'); //7 //获取一个月的某一天 moment().date(); //25 moment().get('date'); //25 //获取小时 moment().hours(); //11 moment().get('hours'); //11 //获取分钟 moment().minutes(); //11 moment().get('minutes'); //11 //获取秒数 moment().seconds(); //17 moment().get('seconds'); //17 //获取 今天星期几 moment().format('dddd'); //Tuesday moment().format('d'); //2 moment().day(); //2（0~6 分别代表周日到周六） moment().weekday(); //2（0~6 分别代表周日到周六） moment().isoWeekday(); //2（1~7 分别代表周一到周日） moment().get('date'); //2 moment().get('weekday'); //2 moment().get('isoWeekday'); //2

Salin selepas log masuk

设置时间：

//设置年份 moment().year(2019); moment().set('year', 2019); moment().set({year: 2019}); //设置月份 //0~11, 0: 1月份, 11: 12月份 moment().month(8); moment().set('month', 8); //设置 某个月中的某一天 某个周中的某一天 小时 分钟 秒数 同上，这里就不写了

Salin selepas log masuk

格式化指定时间：

//格式化指定时间 moment(time).format('YYYY-MM-DD');

Salin selepas log masuk

时间差：

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'); //天数

Salin selepas log masuk

相对时间：

//add 加时间 //subtract 减时间 moment().subtract(10, 'days').format('YYYY-MM-DD HH:mm:ss'); //2020-08-15 10:51:48 moment().subtract(6, 'days').format('YYYY-MM-DD HH:mm:ss'); //2020-08-19 10:51:48 moment().subtract(3, 'days').format('YYYY-MM-DD HH:mm:ss'); //2020-08-22 10:51:48 moment().subtract(1, 'days').format('YYYY-MM-DD HH:mm:ss'); //前一天：2020-08-24 10:51:48 moment().format('YYYY-MM-DD HH:mm:ss'); //当前时间：2020-08-25 10:51:48 moment().add(1, 'days').format('YYYY-MM-DD HH:mm:ss'); //后一天：2020-08-26 10:51:48 moment().add(3, 'days').format('YYYY-MM-DD HH:mm:ss'); //2020-08-28 10:51:48 moment().add(10, 'days').format('YYYY-MM-DD HH:mm:ss'); //2020-09-04 10:51:48 moment().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'); //后一小时：

Salin selepas log masuk

// startOf 设置为起始时间 moment("20111031", "YYYYMMDD").fromNow(); //9 years ago moment().startOf('day').fromNow(); //11 hours ago moment().startOf('hour').fromNow(); //an hour ago moment().endOf('day').fromNow(); //in 13 hours moment().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

Salin selepas log masuk

更多编程相关知识，请访问：编程视频课程！！

Atas ialah kandungan terperinci react中monent如何获取日期？. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!