Bonsoir à tous,

Je cherche à utiliser le widget datepicker de la bibliothèque JQuery UI mais sans succès.

J'ai importé les fichiers suivants dans les balises head de ma page :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
<script src="/js/jquery-1.9.1.min.js"></script>
<script src="/js/jquery.ui.datepicker-fr.min.js"></script>
<link href="/css/jquery.ui.datepicker.min.css" rel="stylesheet" media="screen" />
J'ai également déclaré un champ input :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
<input type="text" id="datepicker" />
et j'ai inséré le morceau de code suivant :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
<script type="text/javascript">
	$(document).ready(function () {			
		$("#datepicker").datepicker({
			showOn: "button",
			buttonImage: "/images/icons/calendrier.png",
			buttonImageOnly: true
		});
 
	});
</script>
Malheureusement, lorsque ma page s'affiche, le bouton pour afficher le calendrier ne s'affiche pas et dans la console d'erreur, j'ai le message suivant :

Horodatage : 05/06/2013 23:37:00
Erreur : TypeError: t.datepicker is undefined
Fichier Source : http://dev.mon-site.fr:8080/js/jquer...cker-fr.min.js
Ligne : 4
JQuery n'étant absolument pas ma spécialité, je n'arrive pas à corriger ce problème.

Merci d'avance pour votre aide !