Format juste de la date de mise à jour

jlb59 · 27/08/2011, 09h17

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.

kdmbella · 27/08/2011, 13h45

faut regarder les fonctions suivantes elle te permettrons d'avoir ce que tu recherche :

toLocaleString,

toLocaleDateString,

toLocaleTimeString,

toString

RomainVALERI · 27/08/2011, 13h58

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

jlb59 · 27/08/2011, 14h51

Citation:

Envoyé par RomainVALERI

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...
...

Citation:

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 !

jlb59 · 27/08/2011, 14h54

Citation:

Envoyé par kdmbella

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" !

RomainVALERI · 27/08/2011, 15h12

Citation:

Envoyé par jlb59

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;
}

27/08/2011, 13h45	#2
kdmbella Membre Expert Demazy Mbella Développeur Web Inscription : août 2010 Messages : 620 Détails du profil Informations personnelles : Nom : Demazy Mbella 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 : 620 Points : 1 470 Points : 1 470	faut regarder les fonctions suivantes elle te permettrons d'avoir ce que tu recherche : toLocaleString, toLocaleDateString, toLocaleTimeString, toString __________________ Trois personnes peuvent garder un secret si deux d'entre elles sont mortes. :Benjamin Franklin L'humanité se divise en trois catégories : ceux qui ne peuvent pas bouger, ceux qui peuvent bouger, et ceux qui bougent : Benjamin Franklin Le hasard, c'est le déguisement que prend Dieu pour voyager incognito: Albert Einstein bon je m'arrête là au risque de me faire buter
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email