Utilisation de Jquery pour afficher un Datepicker

**rolls** · 09/04/2013, 18h10

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

Merci

**rolls** · 09/04/2013, 18h26

J'ai eu ce code:

Code html :

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

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

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?

**NoSmoking** · 09/04/2013, 18h44

Bonjour,

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

ils sont chargé depuis l'adresse http://code.jquery.com/, c'est écrit dans la scr de la balise.

**rolls** · 09/04/2013, 21h02

Merci!

**danielhagnoul** · 09/04/2013, 22h22

Bonsoir

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

Utilisation de Jquery pour afficher un Datepicker [UI]

jQuery

Discussions similaires

Partager

Partager