今天推荐一个好用的前端时间格式处理工具

今天揭开这个时间格式处理工具的神秘面纱，这个工具名字就是moment。

使用步骤：

1、首先在react或者vue项目中引入它，

npm install moment --save-dev

2、在需要处理时间的组件中引入它：

//require 方式
var moment=require('moment');
//import 方式
import moment from 'moment'; 

3、设置区域为中国：

//require 方式
require('moment/locale/zh-cn')
moment.locale('zh-cn'); 
//import 方式
import 'moment/locale/zh-cn'
moment.locale('zh-cn');  

4、格式化时间类型：

（1）、获取当天时间，并且以YYYY年MM月DD日形式显示出来，可以使用

var new=moment().format("YYYY年MM月DD日");

（2）、任意时间戳格式化，以YYYY-MM-DD HH:mm:ss形式显示出来，可以使用

 var t1=moment(1411641720000).format('YYYY-MM-DD HH:mm:ss');
//在react中处理时间戳
<p>{moment(new Date().getDate()).format('YYYY-MM-DD HH:mm:ss')}</p>
//显示为1970-01-01 08:00:00

（3）、获取前一天日期，格式以YYYY-MM-DD形式显示，使用

var time=moment().day(0).format('YYYY-MM-DD');

（4）、获取本周二日期，格式以YYYY-MM-DD形式显示

var time=moment().weekday(1).format('YYYY-MM-DD');

（5）、获取上周五日期，格式以YYYY-MM-DD形式显示，可以使用：

//可以简单理解为上周倒数第几天，上周倒数第三天就是上周五
var time=moment().weekday(-3).format('YYYY-MM-DD');

（6）、获取当前年份、月份、日期

var time1=moment().year()
//此处月份从0开始，当前月要+1
var time2=moment().month()
var time3=moment().date();
//可以灵活的使用这三个组合,注意此处使用es6模板字符串，对于没有学习es6同学希望能够提供帮助。
//模板字符互内使用变量通过${变量名获取}，最终输出结果为2019-9-18
console.log(`${time1}-${time2+1}-${time3}`);

（7）、获取上个月今天的日期，格式以YYYY-MM-DD显示，可以使用：

var times=moment().subtract(1, 'months').format('YYYY-MM-DD');

（8）、获取上个月日期，格式以YYYY-MM显示

var time=moment().subtract(1, 'months').format('YYYY-MM')

（9）、获取前一天日期，格式以YYYY-MM-DD显示

var time = moment().subtract(1, 'days').format('YYYY-MM-DD');

（10）、获取去年今天的日期，格式以YYYY-MM-DD显示，即简便的获取去年今天日期的方法

var time= moment().subtract(1, 'year').format('YYYY-MM-DD');

（11）、获取六个小时之后的时间 

var times=moment().add(6,'hours').format('YYYY-MM-DD HH:mm:ss');

（12）、获取二天前的日期

var times=moment().subtract(2, 'days').format('YYYY-MM-DD');