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 :

Format juste de la date de mise à jour


Sujet :

JavaScript

  1. #1
    Membre actif
    Avatar de jlb59
    Homme Profil pro
    Retraité
    Inscrit en
    Août 2004
    Messages
    1 023
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 71
    Localisation : France, Nord (Nord Pas de Calais)

    Informations professionnelles :
    Activité : Retraité
    Secteur : Industrie

    Informations forums :
    Inscription : Août 2004
    Messages : 1 023
    Points : 243
    Points
    243
    Par défaut Format juste de la date de mise à jour
    Bonjour à tous,

    Au lieu de faire afficher manuellement la date de màj, j'ai voulu installer le javascript pour ça, mais il s'affiche ceci : "Dernière modification le 27/7/111 à 9:4 ".

    Comme je n'ai aucune notion en JS, voulez-vous m'aider à trouver la syntaxe exacte afin que l'affichage soit correct comme par exemple :"Dernière modification le 27 août 2011 à 09:40 ".

    Voici le script qui est utilisé :
    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
    <SCRIPT language="javascript" TYPE="text/javascript">
    //<![CDATA[
    var derniereModif=document.lastModified;
    var dateModif = new Date(derniereModif);
    var jour = dateModif.getDate();
    var mois=dateModif.getMonth();
    var annee=dateModif.getYear();
    var heures=dateModif.getHours();
    var minutes=dateModif.getMinutes();
     
    document.write("Dernière modification le ");
    document.write(jour+"/"+mois+"/"+annee+" à "+heures+":"+minutes);
     
    //]]>
    </SCRIPT>
    Merci d'avance de votre aide.

  2. #2
    Expert éminent
    Avatar de kdmbella
    Homme Profil pro
    Développeur Web
    Inscrit en
    Août 2010
    Messages
    799
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Cameroun

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Produits et services télécom et Internet

    Informations forums :
    Inscription : Août 2010
    Messages : 799
    Points : 7 038
    Points
    7 038
    Par défaut
    faut regarder les fonctions suivantes elle te permettrons d'avoir ce que tu recherche :

    toLocaleString,

    toLocaleDateString,

    toLocaleTimeString,

    toString

  3. #3
    Expert confirmé
    Avatar de RomainVALERI
    Homme Profil pro
    POOête
    Inscrit en
    Avril 2008
    Messages
    2 652
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 48
    Localisation : France, Meurthe et Moselle (Lorraine)

    Informations professionnelles :
    Activité : POOête

    Informations forums :
    Inscription : Avril 2008
    Messages : 2 652
    Points : 4 164
    Points
    4 164
    Par défaut
    Je te propose cette réécriture (où j'ai ajouté un contexte HTML minimal pour les besoins de l'exemple) qui corrige certaines pratiques de développement conduisant souvent aux pires casse-tête...
    Code html : 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
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    <html>
       <head>
          <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
          <script type="text/javascript">
             function init() {
                ecrireDateDeMiseAJour()
             }
             function ecrireDateDeMiseAJour() {
                var derniereModif = document.lastModified;
                var dateModif = new Date(derniereModif);
                var jour = dateModif.getUTCDate();
                var mois = dateModif.getUTCMonth();
                var annee = dateModif.getUTCFullYear();
                var heures = dateModif.getHours();
                var minutes = dateModif.getMinutes();
     
                var emplacement = document.getElementById("iciParExemple");
                emplacement.innerHTML = "Dernière modification le " + jour + "/" + mois + "/" + annee + " à " + heures + ":" + minutes;
             }
          </script>
       </head>
       <body onload="init();">
          <h1>Titre</h1>
          <div>bla bla bla</div>
          <span id="iciParExemple">
          <div>bla bla bla</div>
       </body>
    </html>
    J'ai notamment supprimé l'utilisation de document.write qui pour de nombreuses raisons (merci la recherche sur le forum à ce sujet voire même google ) n'est plus ni défendable ni défendu (en dehors de quelques très rares contextes dans lesquels nous ne sommes pas du tout ici ^^)

    On aurait pu aller plus loin et s'affranchir d'innerHTML en utilisant les méthodes DOM mais ce n'est pas la peine de vouloir faire trois révolutions à la fois

    edit : il y a encore un peu de "toilettage" à faire sur la présentation (notamment : traiter les chaines qui peuvent n'avoir qu'un chiffre pour qu'elles soient précédées par un zéro ^^), je viens de tester mais ça devrait être un bon exercice

  4. #4
    Membre actif
    Avatar de jlb59
    Homme Profil pro
    Retraité
    Inscrit en
    Août 2004
    Messages
    1 023
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 71
    Localisation : France, Nord (Nord Pas de Calais)

    Informations professionnelles :
    Activité : Retraité
    Secteur : Industrie

    Informations forums :
    Inscription : Août 2004
    Messages : 1 023
    Points : 243
    Points
    243
    Par défaut
    Citation Envoyé par RomainVALERI Voir le message
    Je te propose cette réécriture (où j'ai ajouté un contexte HTML minimal pour les besoins de l'exemple) qui corrige certaines pratiques de développement conduisant souvent aux pires casse-tête...
    ...
    Titre
    bla bla bla
    Derniere modification le 27/7/2011 a 14:46
    Merci !

    Tu as sans doute fait pour un bien, mais rien ne m'arrange, c'est pareil qu'avant !

  5. #5
    Membre actif
    Avatar de jlb59
    Homme Profil pro
    Retraité
    Inscrit en
    Août 2004
    Messages
    1 023
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 71
    Localisation : France, Nord (Nord Pas de Calais)

    Informations professionnelles :
    Activité : Retraité
    Secteur : Industrie

    Informations forums :
    Inscription : Août 2004
    Messages : 1 023
    Points : 243
    Points
    243
    Par défaut
    Citation Envoyé par kdmbella Voir le message
    faut regarder les fonctions suivantes elle te permettrons d'avoir ce que tu recherche :

    toLocaleString,

    toLocaleDateString,

    toLocaleTimeString,

    toString
    C'est bien beau tout ça ! J'ai déjà fouiné pour avoir les bonnes syntaxes.

    Seulement, en JS, je suis quasiment "NUL" !

  6. #6
    Expert confirmé
    Avatar de RomainVALERI
    Homme Profil pro
    POOête
    Inscrit en
    Avril 2008
    Messages
    2 652
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 48
    Localisation : France, Meurthe et Moselle (Lorraine)

    Informations professionnelles :
    Activité : POOête

    Informations forums :
    Inscription : Avril 2008
    Messages : 2 652
    Points : 4 164
    Points
    4 164
    Par défaut
    Citation Envoyé par jlb59 Voir le message
    Tu as sans doute fait pour un bien, mais rien ne m'arrange
    Ah je comprends, effectivement j'avais oublié l'alphabétisation des mois

    Ce n'est pas méchant : il faut préparer un tableau comportant les douze noms, et afficher la valeur de la case correspondante. Genre :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    var moisFr = ["janvier", "février", "mars", "avril", "mai", "juin", "juillet", "août", "septembre", "octobre", "novembre", "décembre"];
     
    function ecrireDateDeMiseAJour() {
       var derniereModif = document.lastModified;
       var dateModif = new Date(derniereModif);
       var jour = dateModif.getUTCDate();
       var mois = moisFr[dateModif.getUTCMonth() - 1];
       var annee = dateModif.getUTCFullYear();
       var heures = dateModif.getHours();
       var minutes = dateModif.getMinutes();
     
       var emplacement = document.getElementById("iciParExemple");
       emplacement.innerHTML = "Dernière modification le " + jour + " " + mois + " " + annee + " à " + heures + ":" + minutes;
    }

Discussions similaires

  1. [ksh88]Formater la date de mise à jour d'un fichier
    Par al1_24 dans le forum Shell et commandes GNU
    Réponses: 0
    Dernier message: 17/03/2008, 14h31
  2. Afficher date dernière mise à jour dans Etat
    Par FredXIII dans le forum IHM
    Réponses: 3
    Dernier message: 22/03/2007, 10h37
  3. Réponses: 2
    Dernier message: 24/11/2006, 13h20
  4. Date de mise à jour dans access
    Par Gabe74 dans le forum Access
    Réponses: 1
    Dernier message: 04/09/2006, 14h27
  5. Réponses: 4
    Dernier message: 03/05/2006, 16h26

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