Traduction de Datepicker

**kev484** · 06/12/2012, 12h32

Bonjour à tous,

J'ai un petit problème de traduction de Datepicker.

En effet, lorsque j'applique le Datepicker sur un <input>, pas de problème j'ai bien le datepicker en FR.

Cependant, lorsque je fait un Daetpicker sur un <div> pour tout le temps afficher mon calendrier, celui ci reste en anglais.

Comment faire la traduction sur un <div>, sachant que mon datepicker FR est bien chargé dans ma page.

Voila mon code :

HTML :

Code html :

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

'<div class="calendar_meeting" id="calendar_meeting"></div>'

JS :

Code :

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

1
2
3
4
5
6
7
8
if($('#calendar_meeting').length > 0) {
			$('#calendar_meeting').datepicker({
				dateFormat: 'dd/mm/yy',
				onSelect: function (selected) {
					$("#date_meeting").val(selected);
				} 
			});
		}

Merci d'avance

**SpaceFrog** · 06/12/2012, 12h58

par defaut le datepicker est associé à un input et modifie son value

pour l'associer à un div il faut customiser les events ...
le plus simple serait de le lier à un input hidden et sur le change du hidden modifier le div ...

http://jsfiddle.net/nUHj7/

**danielhagnoul** · 06/12/2012, 20h43

Bonsoir

Un autre exemple dans les démonstrations, voir : http://jqueryui.com/datepicker/#inline.

Amélioration de la démonstration, ma page de test :

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
<!DOCTYPE html>
<html lang="fr">
<head>
	<meta charset="utf-8">
	<meta name="Author" content="Daniel Hagnoul">
	<title>Forum jQuery</title>
	<link href='http://fonts.googleapis.com/css?family=Sofia|Ubuntu:400|Kreon'>
	<link rel="stylesheet" href="http://danielhagnoul.developpez.com/styles/dvjhRemBase.css">
	<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/themes/overcast/jquery-ui.css">
	<style>
		/* TEST */
 
	</style>
</head>
<body>
	<h1>Forum jQuery</h1>
	<h2>Titre 2</h2>
	<section class="conteneur">
 
		<div id="datepicker"></div>
 
	</section>
	<footer itemscope itemtype="http://danielhagnoul.developpez.com/">
		<time datetime="2012-12-06T20:39:24.293+01:00" pubdate>2012-12-06T20:39:24.293+01:00</time>
		<span itemprop="name">Daniel Hagnoul</span>
		<a href="http://www.developpez.net/forums/u285162/danielhagnoul/" itemprop="url">@danielhagnoul</a>
		<a href="http://danielhagnoul.developpez.com/" itemprop="url">Mon cahier d’exercices</a>
		<a href="http://javascript.developpez.com/faq/jquery/" itemprop="url">FAQ</a>
		<a href="http://javascript.developpez.com/cours/?page=frameworks#jquery" itemprop="url">Tutoriels</a>
	</footer>
	<script src="http://danielhagnoul.developpez.com/lib/raphael-min.js"></script>
	<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
	<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/i18n/jquery-ui-i18n.min.js"></script>
	<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js"></script>
	<script charset="utf-8" src="http://danielhagnoul.developpez.com/lib/dvjh/base.js"></script>
	<script>	
		"use strict";
 
		$(function(){
			$.datepicker.setDefaults( $.datepicker.regional[ "fr" ] );
 
			$( "#datepicker" ).datepicker({
				minDate : "-0d", // pas dans le passé
				maxDate : "+3y +3m +15d", // maximum dans 3 ans 3 mois et 15 jours
				changeMonth : true,
		        changeYear : true,
		        showButtonPanel : true,
		        onSelect : function( dateStr, ObjPicker ){
 
		            alert( dateStr );
		        }
			});
		});
	</script>
</body>  
</html>

**kev484** · 07/12/2012, 09h28

Finalement j'ai toujours un problème :

Mon calendrier est bien chargé. Cependant il est chargé en anglais.

Je m'explique, lors de l'affichage du calendrier, il est a "December" et quand je fais mois suivant il m'affiche "Janvier" et si je reviens sur Decembre il est bien affiché "Decembre".

Comment expliquer cela?

Traduction de Datepicker

jQuery

Vue hybride

Discussions similaires

Partager

Partager