Calendrier pop-up localisé FR?

Version imprimable

18/10/2012, 18h17
yetanotherlogin

Calendrier pop-up localisé FR?
Bonjour

Je ne connais pas bien JavaScript et ai besoin d'ajouter un bouton qui affiche un calendrier afin que l'utilisateur puisse choisir une date, et récupérer cette date dans une boîte texte.

Je suis en train de regarder jQuery DatePicker, mais l'exemple donné affiche la date en MM/DD/YYYY même quand on sélectionne FR comme locale:
Code:

1 2 3 4 5 6 7 <script> $(function() { $.datepicker.setDefaults( $.datepicker.regional[ "fr" ] ); $( "#datepicker" ).datepicker( $.datepicker.regional[ "fr" ] ); }); </script>
Quelqu'un sait-il comment le faire afficher la date en DD/MM/YYYY ou si un autre composant (gratuit, de préférence) peut le faire?

Merci.
18/10/2012, 19h30
SpaceFrog

en postant et recherchant dans le bon forum Jquery tu aurais trouvé la réponses:

http://www.developpez.net/forums/d12...r-format-date/

sinon sur la doc du plugin :
http://docs.jquery.com/UI/Datepicker#option-dateFormat
http://docs.jquery.com/UI/Datepicker/formatDate

Bonsoir

Vous avez raison, il y a un bogue avec la démonstration, le fichier i18n est inaccessible sur le serveur de code jQuery.

Mais le serveur de code de Google possède maintenant les versions 1.9.0 des fichiers jQuery, y compris le fichier i18n. Exemple :

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
<!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.0/themes/overcast/jquery-ui.css">
	<link rel="stylesheet" href="http://danielhagnoul.developpez.com/lib/jPicker/css/jPicker.dvjh-1.1.6.min.css">
	<style>
		/* TEST */
 
	</style>
</head>
<body>
	<h1>Forum jQuery</h1>
	<h2>Titre 2</h2>
	<section class="conteneur">
 
		<p>Date: <input type="text" id="datepicker" />
 
	</section>
	<footer itemscope itemtype="http://danielhagnoul.developpez.com/">
		<time datetime="2012-10-19T00:33:58.953+02:00" pubdate>2012-10-19T00:33:58.953+02: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.2.min.js"></script>
	<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.0/i18n/jquery-ui-i18n.min.js"></script>
	<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.0/jquery-ui.min.js"></script>
	<script src="http://danielhagnoul.developpez.com/lib/jPicker/jpicker-1.1.6.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();
 
		});
 
		$(window).load(function(){
 
		});
	</script>
</body>  
</html>

19/10/2012, 09h58
yetanotherlogin
Merci pour l'aide.

Comme alternative à l'usage du fichier localisé dans jquery-ui-1.9.0.custom.zip...

Code:

<script src="js/jquery.ui.datepicker-fr.js"></script>

... quelqu'un propose une solution plus simple:
Code:

1 2 3 $(function() { $('#datepicker').datepicker({dateFormat: "dd/mm/yy"}); });
19/10/2012, 10h07
SpaceFrog

ben c'était ma première réponse ...8O
19/10/2012, 10h15
yetanotherlogin

Oui, mais j'ai lu la réponse ailleurs en parallèle et la réponse du premier post pointait vers une doc complète.

Comme chez Jacques Martin, tout le monde a gagné.

Bonne journée.