這篇文章主要介紹了react中monent獲取日期的示例，具有一定借鑒價值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。

公司主營業(yè)務(wù)：成都做網(wǎng)站、網(wǎng)站建設(shè)、外貿(mào)營銷網(wǎng)站建設(shè)、移動網(wǎng)站開發(fā)等業(yè)務(wù)。幫助企業(yè)客戶真正實(shí)現(xiàn)互聯(lián)網(wǎng)宣傳，提高企業(yè)的競爭能力。創(chuàng)新互聯(lián)是一支青春激揚(yáng)、勤奮敬業(yè)、活力青春激揚(yáng)、勤奮敬業(yè)、活力澎湃、和諧高效的團(tuán)隊(duì)。公司秉承以“開放、自由、嚴(yán)謹(jǐn)、自律”為核心的企業(yè)文化，感謝他們對我們的高要求，感謝他們從不同領(lǐng)域給我們帶來的挑戰(zhàn)，讓我們激情的團(tuán)隊(duì)有機(jī)會用頭腦與智慧不斷的給客戶帶來驚喜。創(chuàng)新互聯(lián)推出石門免費(fèi)做網(wǎng)站回饋大家。

方法：1、使用“npm install moment --save”安裝moment；2、在組件中使用import語句引入moment；3、使用monent提供的方法來獲取日期，例“moment().format();”獲取當(dāng)前時間。

在寫項(xiàng)目時，我們有時需要獲取當(dāng)前時間，這時我們除了用之前 js 獲取日期的方式之外，也可以使用 moment 來獲取日期。

1、安裝 moment

npm install moment --save

2、引入 moment

import moment from 'moment'

3、使用 moment

獲取當(dāng)前時間：

//獲取 當(dāng)前時間
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

//獲取秒數(shù)
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

設(shè)置時間：

//設(shè)置年份
moment().year(2019);
moment().set('year', 2019);
moment().set({year: 2019});

//設(shè)置月份
//0~11, 0: 1月份, 11: 12月份
moment().month(8);        
moment().set('month', 8);

//設(shè)置  某個月中的某一天  某個周中的某一天  小時  分鐘  秒數(shù)  同上，這里就不寫了

格式化指定時間：

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

時間差：

now_time.diff(start_time,"hour");      //小時數(shù)
now_time.diff(start_time,"minute");    //分鐘數(shù)
now_time.diff(start_time,"second");    //現(xiàn)在和初始時間相差的秒數(shù)
now_time.diff(start_time, 'months');   //月數(shù)
now_time.diff(start_time, 'weeks');    //周數(shù)
now_time.diff(start_time, 'days');     //天數(shù)

相對時間：

//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');               //當(dāng)前時間：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 設(shè)置為起始時間 
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

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享react中monent獲取日期的示例內(nèi)容對大家有幫助，同時也希望大家多多支持創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司，，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，遇到問題就找創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司，，詳細(xì)的解決方法等著你來學(xué)習(xí)!

名稱欄目：react中monent獲取日期的示例-創(chuàng)新互聯(lián)
文章地址：http://weahome.cn/article/diiesi.html