初识react（13）—— 使用 moment 来获取日期

在写项目时，我们有时需要获取当前时间，这时我们除了用之前 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');        //2moment().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: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 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（13）—— 使用 moment 来获取日期相关推荐

react 显示当前时间_react中monent如何获取日期？
方法:1.使用"npm install moment --save"安装moment:2.在组件中使用import语句引入moment:3.使用monent提供的方法来获取日期,例 ...
php获取日期对应的星期,PHP获取日期对应的星期
1 /* 2 * @param getNowWeek() 获取日期对应的星期 3 * @param $date 输入的日期数据(时间戳) 4 * @param $weekArr 拼接数组 5 * @r ...
初识react(四) react中异步解决方案之 redux-saga
回顾初识react(一) 揭开jsx语法和虚拟DOM面纱初识react(二) 实现一个简版的html redux.js的demo 初识react(三)在 react中使用redux来实现简版计数器 ...
初识react(二) 实现一个简版的html+redux.js的demo
回顾初识react(一) 揭开jsx语法和虚拟DOM面纱初识react(二) 实现一个简版的html+redux.js的demo 初识react(三)在 react中使用redux来实现简版计数器 ...
js获取日期实例之昨天今天和明天、后天
本文介绍了js获取日期的方法,可以获取前天.昨天.今天.明天.后天. 代码: <html> <head> <meta http-equiv="Content-T ...
python 日期格式只取年月_python如何只获取日期
python只获取日期,要用到的是python的内置模块,time模块. 顾名思义,这是一个和时间有关的模块. 首先导入time模块. import time 第一步要做的就是从1970纪元后到目前为 ...
JS获取日期(年/月/日/时/分/秒)格式转化
因为用到JS倒计时,所以就把网上搜到的各种关于日期的整理了一下,有个印象,以后再用到,可以直接看自己的,方便很多. var myDate = new Date(); 以下都是在myDate的基础上得到 ...
js获取日期星期时间
代码: <SCRIPT> function Refresh(){ Time.innerHTML=new Date().toLocaleString()+' 星期'+'日一二三四五六'.c ...
JDK8中好用的日期处理-LocalDate类-LocalTime-LocalDateTIme，mysql解决时区相差13小时的问题，日期格式器DateTimeFormatter
JDK8中好用的日期处理-LocalDate类-LocalTime-LocalDateTIme,mysql解决时区相差13小时的问题,日期格式器DateTimeFormatter 参考文章: (1)J ...

初识react（13）—— 使用 moment 来获取日期

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

1、安装 moment

2、引入 moment

3、使用 moment

获取当前时间：

设置时间：

格式化指定时间：

时间差：

相对时间：

初识react（13）—— 使用 moment 来获取日期相关推荐

最新文章

热门文章