Utilisation de Jquery pour afficher un Datepicker

Version imprimable

09/04/2013, 18h10
rolls

Utilisation de Jquery pour afficher un Datepicker

Bonsoir à la communauté,
Je souhaite intégrer un calendrier interactif dans ma pas JSP.
J'ai vu que JQuery à un composant (Datepicker) qui permet cela. J'ai télécharger le plugin vesion 1.10.2 de jquery mais je ne sait pas comment l'utiliser
J'ai vu dans ce forum beaucoup de cas mais je sui perdu :calim2:
Merci

J'ai eu ce code:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>jQuery UI Datepicker - Default functionality</title>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css" />
<script>
$(function() {
$( "#datepicker" ).datepicker();
});
</script>
</head>
<body>
<p>Date: <input type="text" id="datepicker" /></p>
</body>
</html>

il marche. Cependant,je ne comprend pas ces inclusion(étant donné que ces fichiers n'existent pas sur mon disque dur.

Code:

1
2
3
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css" />

Le calendrier est en anglais. est-il possible de le transformer en français?

09/04/2013, 18h44
NoSmoking

Bonjour,

Citation:

il marche. Cependant,je ne comprend pas ces inclusion(étant donné que ces fichiers n'existent pas sur mon disque dur.

:koi: ils sont chargé depuis l'adresse http://code.jquery.com/, c'est écrit dans la scr de la balise.
09/04/2013, 21h02
rolls

Merci!
09/04/2013, 22h22
danielhagnoul

Bonsoir

Citation:

Envoyé par rolls

Le calendrier est en anglais. est-il possible de le transformer en français?

Pour obtenir le UI Datepicker en français il faut charger le fichier : "http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.0/i18n/jquery-ui-i18n.min.js" et ajouter cette ligne au début de votre script : $.datepicker.setDefaults( $.datepicker.regional[ "fr" ] );.

Ce problème a déjà été traité plusieurs fois, par exemple (il suffit de copier-coller pour tester) : http://www.developpez.net/forums/d13...e/#post7126309