Comment localiser le Datepicker de jQuery UI ?

Question

J'ai vraiment besoin d'un calendrier déroulant localisé. Un calendrier en anglais ne communique pas exactement l'excellence sur un site web norvégien ;-)

J'ai expérimenté le jQuery DatePicker Leur site Web indique qu'il peut être localisé, mais cela ne semble pas fonctionner.

J'utilise ASPNET.MVC, et je veux vraiment m'en tenir à une seule bibliothèque javascript. Dans ce cas, il s'agit de jQuery.

Le calendrier de la boîte à outils ajax serait acceptable, si seulement il pouvait lui aussi afficher les noms norvégiens.

Mise à jour : Génial ! Je vois qu'il me manque les fichiers de langue, un détail pas si mineur :-)

Answer 1

Pour ceux qui ont encore des problèmes, vous devez télécharger le fichier de langue que vous voulez à partir d'ici :

https://github.com/jquery/jquery-ui/tree/master/ui/i18n

et ensuite l'inclure dans votre page comme ceci par exemple (langue italienne) :

<script type="text/javascript" src="/scripts/jquery.ui.datepicker-it.js"></script>

puis utiliser Le code de zilverdistel :D

Answer 2

J'ai trouvé la démo et l'ai implémentée de la manière suivante :

$.datepicker.setDefaults(
  $.extend(
    {'dateFormat':'dd-mm-yy'},
    $.datepicker.regional['nl']
  )
);

J'avais besoin de définir le format de date par défaut aussi ...

Answer 3

La chaîne $.datepicker.regional['it'] ne pas traduire tous les mots.

Pour traduire le datepicker vous devez spécifier quelques variables :

$.datepicker.regional['it'] = {
    closeText: 'Chiudi', // set a close button text
    currentText: 'Oggi', // set today text
    monthNames: ['Gennaio','Febbraio','Marzo','Aprile','Maggio','Giugno',   'Luglio','Agosto','Settembre','Ottobre','Novembre','Dicembre'], // set month names
    monthNamesShort: ['Gen','Feb','Mar','Apr','Mag','Giu','Lug','Ago','Set','Ott','Nov','Dic'], // set short month names
    dayNames: ['Domenica','Luned&#236','Marted&#236','Mercoled&#236','Gioved&#236','Venerd&#236','Sabato'], // set days names
    dayNamesShort: ['Dom','Lun','Mar','Mer','Gio','Ven','Sab'], // set short day names
    dayNamesMin: ['Do','Lu','Ma','Me','Gio','Ve','Sa'], // set more short days names
    dateFormat: 'dd/mm/yy' // set format date
};

$.datepicker.setDefaults($.datepicker.regional['it']);

$(".datepicker").datepicker();

Dans ce cas, votre afficheur de date est correctement traduit.

Answer 4

Vérifiez ce démo.

La source donne un bon exemple de la manière de procéder.

Answer 5

  $.datepicker.setDefaults({
    closeText: "",
    prevText: "<",
    nextText: ">",
    currentText: "",
    monthNames: [ "","","","","","",
    "","","","","","" ],
    monthNamesShort: [ "","","","","","",
    "","","","","","" ],
    dayNames: [ "","","","","","","" ],
    dayNamesShort: [ "","","","","","","" ],
    dayNamesMin: [ "","","","","","","" ],
    weekHeader: "",
    dateFormat: "yy-mm-dd",
    firstDay: 1,
    isRTL: false,
    showMonthAfterYear: true,
    yearSuffix: ""
  });

le code i18n pourrait être copié à partir de https://github.com/jquery/jquery-ui/tree/master/ui/i18n