Affichage du mois en javascript

Version imprimable

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:

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.

02/01/2019, 22h00
CosmoKnacki

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

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

exemple:
Code:

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

03/01/2019, 17h50
Busima

Vous pouvez m'aider svp?
03/01/2019, 18h43
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.

Est-ce la réponse que tu recherches ?

Code:

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

03/01/2019, 20h55
Busima

Citation:

Envoyé par 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.

CosmoKnacki, pouvez me dire ou est-ce que je dois ajouter "1" svp?
03/01/2019, 22h52
psychadelic
Citation:

Envoyé par CosmoKnacki

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

ce qui veut dire dans ton code :
Code:

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:

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.
14/01/2019, 22h35
Busima

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