Calendrier pop-up localisé FR?

**yetanotherlogin** · 18/10/2012, 18h17

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 :

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

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.

**SpaceFrog** · 18/10/2012, 19h30

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

**danielhagnoul** · 19/10/2012, 00h35

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 :

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
<!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>

**yetanotherlogin** · 19/10/2012, 09h58

Merci pour l'aide.

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

Code :

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

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

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

Code :

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

1
2
3
$(function() {
	$('#datepicker').datepicker({dateFormat: "dd/mm/yy"});
});

**SpaceFrog** · 19/10/2012, 10h07

ben c'était ma première réponse ...

**yetanotherlogin** · 19/10/2012, 10h15

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.

Calendrier pop-up localisé FR?

jQuery

Discussions similaires

Partager

Partager