Date heure et localisation

Version imprimable

01/08/2010, 14h54
Papy214

Date heure et localisation
Bonjour,

J'utilise le code suivant:
Code:

1 2 3 4 5 function afficherHeure(){ d = new Date(); document.getElementById("heure").innerHTML = d.toLocaleDateString() + ' - ' + d.getHours() + ":" + d.getMinutes(); }
Résultat:

IE et Firefox: dimanche 1 août 2010 - 13:48

Chrome: Sunday, August 01, 2010 - 13:51

berk ...

Est-ce possible d'avoir la même chose avec tous les navigateurs ?

Papy !

compléments: Je viens aussi de voir que mon

Code:

setTimeout("afficherHeure();", 60000);

ne fonctionne pas sous Chrome :cry:
01/08/2010, 18h30
SpaceFrog

Essaye

Code:

document.getElementById("heure").innerHTML = d.toLocaleString()
01/08/2010, 21h33
Papy214

idem sous chrome, à part le format qui change

Sun Aug 01 2010 20:33:03 GMT+0200 (Paris, Madrid (heure d'été))
01/08/2010, 23h28
SpaceFrog

il va te falloir passer par getDay getDate getMonth getYear ...
01/08/2010, 23h43
danielhagnoul
Bonsoir

Code:

setTimeout(afficherHeure, 60000);
Code:

1 2 3 4 5 var d = new Date(); console.log(d.toDateString()); console.log(d.toLocaleString()); console.log(d.toLocaleDateString());
Je confirme, en français avec Firefox et en anglais avec Chrome !

[Edit]
L'erreur est répertoriée depuis le 20 octobre 2008 ! :aie: http://code.google.com/p/chromium/issues/detail?id=3607
02/08/2010, 09h59
Papy214

Citation:

Envoyé par danielhagnoul;
L'erreur est répertoriée depuis le 20 octobre 2008 ! :aie: [url

http://code.google.com/p/chromium/issues/detail?id=3607[/url]

Depuis 2008 et toujours pas corrigée ! Je bossais comme ça quand mon patron m'a foutu dehors :D

Bon, je vais me faire une fonction plus "développée" à partir des valeurs numériques pour contourner le problème.

Merci pour votre aide à tous les deux !

Une petite fonction en exemple pour te donner le principe:

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
<script type="text/javascript">
/****************************** 
* Date au dans la langue du navigateur
*  By SpaceFrog © Aout 2010.
*  (Patche le bug de chrome)
******************************/
function TD(n){
//formartage du leading 0
return n.toString().replace(/^(\d)$/,'0$1')
}
function DateLocale(d){
//Les traductions des jours en mois (ici juste fr et en mais on peut completer)
var tabJours={'fr':['Lundi', 'Mardi', 'Mercredi', 'Jeudi', 'Venderdi', 'Samedi','Dimanche'],
				'en':['Monday', 'Tuesday', 'Wednesday','Thurday','Friday', 'Saturday', 'Sunday']
				}
var tabMois={'fr':['Janvier', 'Février', 'Mars', 'Avril', 'Mai', 'Juin','Juillet','Août','Septembre','Octobre','Novembre','Décembre'],
				'en':['January','February', 'March','April','May', 'June', 'July','Augut','September','October','November','December']
				}
//recupération du le langue du navigateur              
var SysLang=(navigator.userLanguage)?navigator.userLanguage:navigator.language;
 
//par defaut la langue sera en (mais on peut modifier)
switch (SysLang){
 case ('fr'): DateLang='fr'
              break;
 case ('en'): DateLang='en';
 				break;
 default:		DateLang='en';
 		}
 
var Jour=tabJours[DateLang][d.getDay()-1]
var Mois=tabMois[DateLang][d.getMonth()]
return Jour+" "+d.getDate()+" "+ Mois +" "+d.getFullYear()+" - "+TD(d.getHours())+":"+TD(d.getMinutes())
 
}
 
alert (DateLocale(new Date()))
 
</script>

Après pour les autre langues ou variantes de langues il suffit de compléter les tabJour et tabMois et récupérer le langage du browser avec sa régionalité ex en/uk, en/us (mauvais exemple car pas de différence de traduction ^^)

Bonjour

Une variante :

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
/****************************** 
* Date dans la langue du navigateur
*  By SpaceFrog © Aout 2010.
*  (Patche le bug de chrome)
******************************/
function DateLocale(d, lang){
	// Le nom des jours en français et en anglais, mais on peut completer
	var tabJours = {
		'fr': ['Lundi', 'Mardi', 'Mercredi', 'Jeudi', 'Venderdi', 'Samedi', 'Dimanche'],
		'en': ['Monday', 'Tuesday', 'Wednesday','Thurday','Friday', 'Saturday', 'Sunday']
	};
 
	// Le nom des mois en français et en anglais, mais on peut completer
	var tabMois = {
		'fr': ['Janvier', 'Février', 'Mars', 'Avril', 'Mai', 'Juin','Juillet','Août','Septembre','Octobre','Novembre','Décembre'],
		'en': ['January','February', 'March','April','May', 'June', 'July','Augut','September','October','November','December']
	};
 
	var sysLang;
 
	// Recupération de la langue du navigateur              
	if ((lang == "fr") || (lang == "en")){
		sysLang = lang;
	} else {
		sysLang = (navigator.userLanguage) ? navigator.userLanguage : navigator.language;
	}
 
	// Par défaut la langue sera l'anglais (mais on peut modifier)
	// retourne la date au format sysLang, par défaut en anglais
	switch (sysLang){
		case ('fr'):
			DateLang = 'fr';
			return(tabJours[DateLang][d.getDay() - 1] + ", le " + d.getDate() + " " + tabMois[DateLang][d.getMonth()] + " " + d.getFullYear() + " à " + TD(d.getHours()) + " h " + TD(d.getMinutes()));
			break;
		case ('en'):
			DateLang = 'en';
			return(tabJours[DateLang][d.getDay() - 1] + ", " + tabMois[DateLang][d.getMonth()] + " " + d.getDate() + " " + d.getFullYear() + " " + TD(d.getHours()) + ":" + TD(d.getMinutes()));
			break;
		default:
			DateLang = 'en';
			return(tabJours[DateLang][d.getDay() - 1] + ", " + tabMois[DateLang][d.getMonth()] + " " + d.getDate() + " " + d.getFullYear() + " " + TD(d.getHours()) + ":" + TD(d.getMinutes()));
	}
 
	function TD(n){
		// formatage du leading 0
		return n.toString().replace(/^(\d)$/,'0$1')
	}
}
 
alert(DateLocale(new Date()));
alert(DateLocale(new Date(), "en"));

03/08/2010, 10h13
Papy214

Merci à tous les deux !

C'est le e principe que j'ai appliqué, toutefois sans aller jusqu'à prendre ne compte le langage parce que dans mon cas c'est forcément en français.
Mais je note cette prise en compte du langage pour une fonction plus évoluée.