Différences

Ci-dessous, les différences entre deux révisions de la page.

--- devweb:jquery:datepicker [10-03-2014 09:32]
edmc73 créée
+++ devweb:jquery:datepicker [17-02-2016 17:29] (Version actuelle)
edmc73
@@ Ligne 2: / Ligne 2: @@
+====== Installation ======
+Utiliser jqueryUI et le fichier jquery.ui.datepicker-fr.js pour avoir les dates en français
+<file javascript jquery.ui.datepicker-fr.js>
+/* French initialisation for the jQuery UI date picker plugin. */
+/* Written by Keith Wood (kbwood{at}iinet.com.au),
+			  Stéphane Nahmani (sholby@sholby.net),
+			  Stéphane Raimbault <stephane.raimbault@gmail.com> */
+jQuery(function($){
+	$.datepicker.regional['fr'] = {
+		closeText: 'Fermer',
+		prevText: 'Précédent',
+		nextText: 'Suivant',
+		currentText: 'Aujourd\'hui',
+		monthNames: ['janvier', 'février', 'mars', 'avril', 'mai', 'juin',
+			'juillet', 'août', 'septembre', 'octobre', 'novembre', 'décembre'],
+		monthNamesShort: ['janv.', 'févr.', 'mars', 'avril', 'mai', 'juin',
+			'juil.', 'août', 'sept.', 'oct.', 'nov.', 'déc.'],
+		dayNames: ['dimanche', 'lundi', 'mardi', 'mercredi', 'jeudi', 'vendredi', 'samedi'],
+		dayNamesShort: ['dim.', 'lun.', 'mar.', 'mer.', 'jeu.', 'ven.', 'sam.'],
+		dayNamesMin: ['D','L','M','M','J','V','S'],
+		weekHeader: 'Sem.',
+		dateFormat: 'dd/mm/yy',
+		firstDay: 1,
+		isRTL: false,
+		showMonthAfterYear: false,
+		yearSuffix: ''};
+	$.datepicker.setDefaults($.datepicker.regional['fr']);
+});
+</file>
+Ensuite mettez un champ texte
+<code html>
+<input type="text" id="date" name="date" value="<?=date('d-m-Y')?>">
+</code>
+Et le code jquery qui va bien
+<code javascript>
+$( "#date" ).datepicker({
+  dateFormat: "dd-mm-yy",
+  changeMonth: true,
+  changeYear: true,
+  showOtherMonths: true,
+  selectOtherMonths: true,
+  onSelect: function(date){
+    location.href='?date='+date;
+  }
+});
+</code>
+Dans cet exemple, on change de page lorsque l'on sélectionne une date en passant la valeur de date dans l'url
 ===== exemple pour gérer des dates =====

Outils pour utilisateurs

Outils du site

Différences

Outils de la page