Maison > interface Web > js tutoriel > Comment obtenir la date dans Monent en réaction ?

Comment obtenir la date dans Monent en réaction ?

青灯夜游
Libérer: 2020-11-30 14:18:05
original
3494 Les gens l'ont consulté

Méthode : 1. Utilisez "npm install moment --save" pour installer moment ; 2. Utilisez l'instruction import pour introduire moment dans le composant 3. Utilisez la méthode fournie par monent pour obtenir la date, telle que comme "moment(). format();" Obtenez l'heure actuelle.

Comment obtenir la date dans Monent en réaction ?

L'environnement d'exploitation de ce tutoriel : système windows7, version React16 Cette méthode convient à toutes les marques d'ordinateurs.

Recommandations associées : "Tutoriel vidéo React"

Lors de l'écriture d'un projet, nous avons parfois besoin d'obtenir l'heure actuelle à ce moment-là, en plus de. en utilisant le js précédent pour obtenir la date En plus de la méthode, vous pouvez également utiliser moment pour obtenir la date.

1. Installer le moment

npm install moment --save
Copier après la connexion

2. Présenter le moment

import moment from 'moment'
Copier après la connexion

3.

Obtenir l'heure actuelle :

//获取 当前时间
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
Copier après la connexion

Régler l'heure :

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

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

//设置  某个月中的某一天  某个周中的某一天  小时  分钟  秒数  同上,这里就不写了
Copier après la connexion

Formater l'heure spécifiée :

//格式化指定时间
moment(time).format('YYYY-MM-DD');
Copier après la connexion

Différence horaire :

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');     //天数
Copier après la connexion

Temps relatif :

//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');       //后一小时:
Copier après la connexion
rrree

Pour plus de connaissances liées à la programmation, veuillez visiter : Cours vidéo de programmation ! !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal