react中monent获取日期的示例-创新互联
这篇文章主要介绍了react中monent获取日期的示例,具有一定借鉴价值,需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获。下面让小编带着大家一起了解一下。
公司主营业务:成都做网站、网站建设、外贸营销网站建设、移动网站开发等业务。帮助企业客户真正实现互联网宣传,提高企业的竞争能力。创新互联是一支青春激扬、勤奋敬业、活力青春激扬、勤奋敬业、活力澎湃、和谐高效的团队。公司秉承以“开放、自由、严谨、自律”为核心的企业文化,感谢他们对我们的高要求,感谢他们从不同领域给我们带来的挑战,让我们激情的团队有机会用头脑与智慧不断的给客户带来惊喜。创新互联推出石门免费做网站回馈大家。方法:1、使用“npm install moment --save”安装moment;2、在组件中使用import语句引入moment;3、使用monent提供的方法来获取日期,例“moment().format();”获取当前时间。
在写项目时,我们有时需要获取当前时间,这时我们除了用之前 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(); //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
设置时间:
//设置年份 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: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'); //后一小时:
// 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
感谢你能够认真阅读完这篇文章,希望小编分享react中monent获取日期的示例内容对大家有帮助,同时也希望大家多多支持创新互联网站建设公司,,关注创新互联行业资讯频道,遇到问题就找创新互联网站建设公司,,详细的解决方法等着你来学习!
名称栏目:react中monent获取日期的示例-创新互联
文章路径:http://scyanting.com/article/diiesi.html