Discussion :

[Busima]

Bonjour,
un soucis avec mon script js.
Tout marchait bien et voici qu'à ma grande surprise le numéro du mois ne s'affiche plus correctement.
Il affiche 00 au lieu de 01 pour le mois de Janvier. Je ne vois pas l'erreur.

Ci-dessous le script en question:

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
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
 
//Vu que le mois est un chiffre (10 correspond à novembre), on va faire un tableau
var tableauMois = new Array(
'janvier',
'février',
'mars',
'avril',
'mai',
'juin',
'juillet',
'août',
'septembre',
'octobre',
'novembre',
'décembre'
);
 
// Idem que pour les mois, sauf qu'en anglais la semaine commence par le dimanche
 var tableauJours = new Array(
 'dimanche',
 'lundi',
 'mardi',
 'mercredi',
 'jeudi',
 'vendredi',
 'samedi'
 );
 
//affiche l'heure une seule fois
function afficherDateHeure()
    {
		// Contient toutes les infos que l'on a besoin ur la date et l'heure
		var dateGlobale = new Date();
 
		//On recupère l'année
		var annee = dateGlobale.getFullYear();
 
		//On recupère le numéro du mois
		var mois = dateGlobale.getMonth();
 
		/* var numeroMois = dateGlobale.getUTCMonth(); */
		var numeroMois = dateGlobale.getUTCMonth();
 
		//On recupère le numéro du jour
		var jour = dateGlobale.getDay();
 
		//Croyez moi, c'est le numero du jour, ... oui ça n'est pas très explicite.
		var numeroJour = dateGlobale.getDate();
 
		//On recupère l'heure
		var heure = dateGlobale.getHours();
 
		// On recupère les minutes
		var minute = dateGlobale.getMinutes();
 
		// On recupère les sécondes
		var seconde = dateGlobale.getSeconds();
 
		// Pas d'affichage du zéro après 10
		if(numeroMois<10)
		    { 
		        // On ajout un "0" à la chaîen heure.
		        numeroMois = "0" + numeroMois.toString();
	        }
 
		if(numeroJour<10)
		    {
				numeroJour = "0" + numeroJour.toString();
			}
 
 
 
 
		if(heure<10)
		    { 
		        // On ajout un "0" à la chaîen heure.
		        heure = "0" + heure.toString();
	        }
 
		if(minute<10)
		    {
				minute = "0" + minute.toString();
			}
 
		if(seconde<10)
		    {
				seconde = "0" + seconde.toString();
			}
		//on assigne le bon mois
	    mois = tableauMois[mois];
 
		//on assigne le bon jour
	    jour = tableauJours[jour];
 
		// On recupère notre div "date__heure"
		var dateHeure = document.getElementById("date_heure");
 
		//On met la date et l'heure dans la div
		dateHeure.innerHTML = " "+ numeroJour + "-" + numeroMois + "-" + annee + "</br>" + heure + ":" + minute + ":" + seconde;
	}
	// affichera toutes les secondes notre heure
 
function afficherChaqueSecondeHeure()
    {
		// On affiche une première fois l'heure pour éviter le blanc d'une séconde
		afficherDateHeure();
 
		var delai = 1000; // délai en milisécondes
		// On crée un timer qui va "ticker" toutes les sécondes et afficher l'heure dynamiquement.
		setInterval(afficherDateHeure, delai);
	}

Merci pour votre aide.

[CosmoKnacki]

L'indexation d'un tableau commence à 0 pas à 1.

[psychadelic]

c'est d'autant plus pratique ici, car les listes de jours ou de mois sont des tableaux circulaires.

exemple:

Code :

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

1
2
3
4
5
6
function f_Mois_Suivant(NoMois) {
  return ++NoMois %12;
}
 
console.log( f_Mois_Suivant(3) );  // -->4
console.log( f_Mois_Suivant(11) ); // -->0

[Busima]

Vous pouvez m'aider svp?

[CosmoKnacki]

Les méthodes Date.prototype.getMonth() et Date.prototype.getUTCMonth() renvoient le numéro du mois mais numéroté de 0 à 11, donc si tu veux afficher le mois sous forme de nombre tu dois ajouter 1.

[psychadelic]

Est-ce la réponse que tu recherches ?

Code JavaScript :

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
    var
      dateHeure    = document.getElementById("date_heure"),
      tableauMois  = [ 'janvier', 'février', 'mars',      'avril',   'mai',      'juin', 
                       'juillet', 'août',    'septembre', 'octobre', 'novembre', 'décembre' ],
      tableauJours = [ 'dimanche', 'lundi','mardi', 'mercredi', 'jeudi', 'vendredi', 'samedi' ]
      ;
 
    setInterval(afficherDateHeure, 1000);
 
 
    function afficherDateHeure() {  
      let
        DH_Global = new Date(),                 // Contient toutes les infos que l'on a besoin ur la date et l'heure
        annee     = DH_Global.getFullYear(),   // On recupère l'année
        mois      = DH_Global.getMonth(),     // On recupère le numéro du mois
        jour_Sem  = DH_Global.getDay(),      // On recupère le numéro du jour de la semaine
        jour_Mois = DH_Global.getDate(),    // On recupère le numéro du jour dans le mois
        hrs       = pad(DH_Global.getHours(),2),
        mins      = pad(DH_Global.getMinutes(),2),
        secs      = pad(DH_Global.getSeconds(),2)
        ;
     dateHeure.innerHTML = `${tableauJours[jour_Sem]} ${jour_Mois} - ${tableauMois[mois]} [${pad((mois + 1),2)}] - ${annee} <br/> ${hrs}:${mins}:${secs} `;
    }
 
    function pad(n, len) { // ajout de 0 
      let s = n.toString();
      return '0'.repeat(Math.max(len - s.length, 0)) + s;
    };

[Busima]

Les méthodes Date.prototype.getMonth() et Date.prototype.getUTCMonth() renvoient le numéro du mois mais numéroté de 0 à 11, donc si tu veux afficher le mois sous forme de nombre tu dois ajouter 1.

CosmoKnacki, pouvez me dire ou est-ce que je dois ajouter "1" svp?

[psychadelic]

donc si tu veux afficher le mois sous forme de nombre tu dois ajouter 1.

ce qui veut dire dans ton code :

Code :

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

1
2
3
4
5
		//On recupère le numéro du mois
		var mois = dateGlobale.getMonth();
 
		/* var numeroMois = dateGlobale.getUTCMonth(); */
		var numeroMois = dateGlobale.getUTCMonth();

à remplacer par

Code :

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

1
2
3
4
		//On récupère le numéro du mois
		var mois = dateGlobale.getMonth();
 
		var numeroMois = mois +1; // mois de 1 à 12 au lieu de  zéro à 11

et j'ai modifié mon code pour afficher aussi le numéro du mois.

PS: utiliser le temps UTC est inutile ici. sauf si tu veux indiquer l'heure sur un autre fuseau horaire que celui de la machine hôte, et dans ce cas il faut préciser lequel.

[Busima]

Merci bien à vous psychadelic, ça marche.
Encore merci!