ホームページ > ウェブフロントエンド > jsチュートリアル > React で Monent の日付を取得するにはどうすればよいですか?

React で Monent の日付を取得するにはどうすればよいですか?

青灯夜游
リリース: 2020-11-30 14:18:05
オリジナル
3461 人が閲覧しました

方法: 1. "npm install moment --save" を使用して moment をインストールします; 2. import ステートメントを使用してコンポーネントに moment を導入します; 3. monent が提供するメソッドを使用して日付を取得します。 as "moment().format();" 現在時刻を取得します。

React で Monent の日付を取得するにはどうすればよいですか?

#このチュートリアルの動作環境: Windows7 システム、React16 バージョン この方法は、すべてのブランドのコンピューターに適しています。

関連する推奨事項: 「

React ビデオ チュートリアル

プロジェクトを作成するとき、現在時刻を取得する必要があることがあります。現時点では、前の 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 の日付を取得するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート