Discussion :

[SuperLow]

Hello,

Je débute en JS et j'aurais besoin d'éclaicissement sur .diff

J'ai deux date de type chaine de caractère "1925-12-20 19H10H52" et "1925-12-20 20H20H30"
J'aimerais obtenir la durée sous la même forme, ainsi que le nombre d'heure seul.

Avec moment.js j'arrive a supprimer les jours, mois et années :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
var date_debut_full = "1925-12-20 19H10H52";
var date_fin_full = "1925-12-20 20H20H30";
var date_debut = moment(date_debut_full).format("HH:MM:SS");
var date_fin = moment(date_fin_full).format("HH:MM:SS");

Ce qui donne :

date_debut = "19H10H52"
date_fin = "20H20H30"

Puis faire la différence pour avoir la durée.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
var duree = 0;
duree = moment.duration(date_fin.diff(date_debut));

Ca me dit que .diff n'est pas une fonction.
.diff, c'est du javascript, du jQuery ou du moment.js ? La documentation de moment.js est horrible ...
J'ai essayé pas mal de solution, mais rien qui soit satisfaisant.


Deuxième question, le but après est d'additionner plusieurs durée pour en obtenir les heures, donc je dois garder les minutes et secondes.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
var duree1 = "01H02H54";
var duree2 = "02H23H22";
var duree3 = "01H10H30";
var duree4 = "01H05H00";

Comment les additionner ?

[danielhagnoul]

[...]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
var date_debut_full = "1925-12-20 19H10H52";
var date_fin_full = "1925-12-20 20H20H30";
var date_debut = moment(date_debut_full).format("HH:MM:SS");
var date_fin = moment(date_fin_full).format("HH:MM:SS");

Ce format de date est invalide !

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
let
	date_debut_full = "1925-12-20 19H10H52",
	date_fin_full = "1925-12-20 20H20H30",
	date_debut = moment(date_debut_full), //.format("HH:MM:SS"),
	date_fin = moment(date_fin_full); //.format("HH:MM:SS");
 
console.log( date_debut,  date_fin );
 
/*
Deprecation warning: value provided is not in a recognized RFC2822 or ISO format. moment construction falls
back to js Date(), which is not reliable across all browsers and versions. Non RFC2822/ISO date formats are
discouraged and will be removed in an upcoming major release. Please refer to
http://momentjs.com/guides/#/warnings/js-date/ for more info.
 
Object { _isAMomentObject: true, _i: "1925-12-20 19H10H52", _isUTC: false, _pf: {…}, _locale: {…}, _d: Invalid Date, _isValid: false }
 
Object { _isAMomentObject: true, _i: "1925-12-20 20H20H30", _isUTC: false, _pf: {…}, _locale: {…}, _d: Invalid Date, _isValid: false }
*/

EDIT 00:07

Exemple :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
let
	strDateDebut = "1925-12-20 19:10:52",
	strDateFin = "1925-12-20 20:20:30",
	momentDateDebut = moment( strDateDebut ),
	momentDateFin = moment( strDateFin );
 
console.log( momentDateDebut.format() ); // 1925-12-20T19:10:52+01:00
console.log( momentDateFin.format() ); // 1925-12-20T20:20:30+01:00
 
console.log( momentDateDebut.format( "HH:mm:ss" ) ); // 19:10:52
console.log( momentDateFin.format( "HH:mm:ss" ) ); // 20:20:30
 
let duration = moment.duration( momentDateFin - momentDateDebut, "milliseconds" );
 
console.log( duration ); // Ab {_isValid: true, _milliseconds: 4178000, _days: 0, _months: 0, _data: {…},*…}
console.log( duration.get( "hours" ) ); // 1
console.log( duration.get( "minutes" ) ); // 9
console.log( duration.get( "seconds" ) ); // 38

[SpaceFrog]

Avec un replace ...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
var date_debut_full = "1925-12-20 19H10H52";
var date_fin_full = "1925-12-20 20H20H30";
date_debut_full=date_debut_full.replace(/H/g,':');date_fin_full=date_fin_full.replace(/H/g,':');
date_debut = moment(date_debut_full).format("HH:MM:SS");
	date_fin = moment(date_fin_full).format("HH:MM:SS");
 
console.log( date_debut,  date_fin );

[SpaceFrog]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
var date_debut_full = "1925-12-20 19:00:00";
var date_fin_full = "1925-12-20 20:30:05";
date_debut= moment(date_debut_full)
date_fin= moment(date_fin_full)
 
var duration = moment.duration( date_fin - date_debut);
console.log( moment(duration._milliseconds).format('HH mm ss') ) ;

curieux qu'il faille reconvertir le _milliseconds ...

je n'ai pas réussi non plus a avoir un format du genre "00 heures 00 minutes 00 secondes" ...
[edit]
ha si trouvé il faut echapper entre crochets []

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

console.log( moment(duration._milliseconds).format('HH[h] mm[m] ss[s]')

[SuperLow]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

let duration = moment.duration( momentDateFin - momentDateDebut, "milliseconds" );

C'est ce qu'il me manquait !

A aucun moment cette syntaxe est présente dans la doc de moment.js ... pire documentation que j'ai pu voir.