UI Datepicker: altFormat ne marche pas

**amine.h** · 28/10/2010, 18h50

Bonjour,
J'ai mis un input avec une class, pour lui générer une datepicker.
J'ai mis le altFormat dans ce format 'dd-mm-yy'
Au clique sur la zone de texte le calendrier apparait, mais quand je selectionne une date, la valeur affichée est par exemple: 10/19/2010
c'est un format de type 'mm/dd/yy'
Voici mon code :

Code :

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

1
2
3
$(function() {
	$( ".datepicker" ).datepicker({ altFormat: 'dd-mm-yy' });                
});

Merci de bien vouloir m'aider

**danielhagnoul** · 29/10/2010, 00h06

Bonsoir

L'option que vous chercher est dateFormat, altFormat sert comme format alternatif pour afficher la date autrement dans un autre endroit. Voir : http://jqueryui.com/demos/datepicker/#alt-field

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
<!doctype html>
<html lang="fr">
<head>
	<meta http-equiv="X-UA-Compatible" content="chrome=1">
	<meta charset="utf-8">
	<meta name="Author" content="Daniel Hagnoul">
	<title>Forum jQuery</title>
	<link rel="stylesheet" type="text/css" href="../lib/jqueryui/css/humanity/jquery-ui-1.8.5.custom.css">	
	<style>
		body { background-color:#dcdcdc; color:#000000; font-family:sans-serif; font-size:medium; font-style:normal;
		font-weight:normal; line-height:normal; letter-spacing:normal; }
		h1,h2,h3,h4,h5 { font-family:serif; }
		div,p,h1,h2,h3,h4,h5,h6,ul,ol,dl,form,table,img { margin:0px; padding:0px; }
		h1 { font-size:2em; text-shadow: 4px 4px 4px #bbbbbb; text-align:center; }
		p { padding:6px; }
		div#conteneur { width:95%; min-width:800px; min-height:500px; margin:12px auto; background-color:#FFFFFF;
		color:#000000; border:1px solid #666666; }
 
		/* Test */
	</style>
</head>
<body>
	<h1>Forum jQuery</h1>
	<div id="conteneur">
		<p>Date: <input type="text" id="datepicker">&nbsp;<input type="text" id="alternate" size="30"/></p>
	</div> 
	<script charset="utf-8" src="../lib/jqueryui/js/jquery-1.4.3.min.js"></script>
	<script charset="utf-8" src="../lib/jqueryui/js/jquery-ui-1.8.5.custom.min.js"></script>
	<script>
		$(function(){
			$("#datepicker").datepicker({
				dateFormat: 'dd-mm-yy',
				altField: "#alternate",
				altFormat: "DD, d MM, yy"
			}); 
		});
	</script>
</body>  
</html>

**amine.h** · 01/11/2010, 13h44

je vous remercie beaucoup. ca marche

UI Datepicker: altFormat ne marche pas

jQuery

Discussions similaires

Partager

Partager