IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Renseignement sur les Dates en JavaScript


Sujet :

JavaScript

  1. #1
    Nouveau Candidat au Club
    Femme Profil pro
    Chomeuse
    Inscrit en
    juillet 2016
    Messages
    36
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Chomeuse

    Informations forums :
    Inscription : juillet 2016
    Messages : 36
    Points : 0
    Points
    0
    Par défaut Renseignement sur les Dates en JavaScript
    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 ?

  2. #2
    Rédacteur
    Avatar de danielhagnoul
    Homme Profil pro
    Étudiant perpétuel
    Inscrit en
    février 2009
    Messages
    6 384
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 70
    Localisation : Belgique

    Informations professionnelles :
    Activité : Étudiant perpétuel
    Secteur : Enseignement

    Informations forums :
    Inscription : février 2009
    Messages : 6 384
    Points : 23 120
    Points
    23 120
    Billets dans le blog
    112
    Par défaut
    Citation Envoyé par SuperLow Voir le message
    [...]
    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

  3. #3
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    mars 2002
    Messages
    38 767
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 71
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : mars 2002
    Messages : 38 767
    Points : 64 618
    Points
    64 618
    Billets dans le blog
    1
    Par défaut
    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 );
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

    réalisations :www.oxygen-translations.fr|www.saftair.fr| www.ouestisol.fr | www.sistac-alizay.fr | www.acoustishop.fr | www.litt.fr | www.ouestventil.fr
    Humour

  4. #4
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    mars 2002
    Messages
    38 767
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 71
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : mars 2002
    Messages : 38 767
    Points : 64 618
    Points
    64 618
    Billets dans le blog
    1
    Par défaut
    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]')
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

    réalisations :www.oxygen-translations.fr|www.saftair.fr| www.ouestisol.fr | www.sistac-alizay.fr | www.acoustishop.fr | www.litt.fr | www.ouestventil.fr
    Humour

  5. #5
    Nouveau Candidat au Club
    Femme Profil pro
    Chomeuse
    Inscrit en
    juillet 2016
    Messages
    36
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Chomeuse

    Informations forums :
    Inscription : juillet 2016
    Messages : 36
    Points : 0
    Points
    0
    Par défaut
    Citation Envoyé par danielhagnoul Voir le message

    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.

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Test sur les dates javascript
    Par mjs21 dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 25/06/2008, 11h50
  2. [C#] Calcul sur les dates avec des DateTimePicker
    Par alizee971 dans le forum Windows Forms
    Réponses: 10
    Dernier message: 02/04/2005, 18h14
  3. MS Access et TQuery (probleme sur les dates)
    Par Djob dans le forum C++Builder
    Réponses: 4
    Dernier message: 15/06/2004, 15h57
  4. opérations sur les dates
    Par coucoucmoi dans le forum Débuter
    Réponses: 2
    Dernier message: 12/08/2003, 12h45

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo