70 votes

Localisation de jQuery Datepicker

J'ai besoin d'un calendrier français et je ne comprends pas le problème. Je suppose que je n'utilise pas les options régionales comme il se doit. Mais...

Voici mon code:

 $(function() {
  $('#Date').datepicker({
      showMonthAfterYear: false,
      showOn: 'both',
      buttonImage: 'media/img/calendar.png',
      buttonImageOnly: true,
      dateFormat:'d MM, y'
    },
    $.datepicker.regional['fr']
  );
});
 

72voto

Kip Points 37013

Ce code devrait fonctionner, mais vous devez inclure la localisation de votre page (il n'est pas inclus par défaut). Essayer de mettre cela dans votre <head> balise, quelque part après vous d'inclure jQuery et jQueryUI:

<script type="text/javascript"
        src="http://jqueryui.com/ui/i18n/jquery.ui.datepicker-fr.js">
</script>

Je ne trouve pas où cela est documenté sur le jQueryUI site, mais si vous affichez le code source de cette démo , vous verrez que c'est la façon dont ils le font. Aussi, veuillez noter que l'inclusion de ce fichier JS va définir le datepicker par défaut est le français, donc si vous voulez seulement quelques datepickers être en français, vous aurez à définir la valeur par défaut à l'anglais.

46voto

Najeebullah Shah Points 1451

Tu peux faire comme ça

  $.datepicker.regional['fr'] = {clearText: 'Effacer', clearStatus: '',
    closeText: 'Fermer', closeStatus: 'Fermer sans modifier',
    prevText: '&lt;Préc', prevStatus: 'Voir le mois précédent',
    nextText: 'Suiv&gt;', nextStatus: 'Voir le mois suivant',
    currentText: 'Courant', currentStatus: 'Voir le mois courant',
    monthNames: ['Janvier','Février','Mars','Avril','Mai','Juin',
    'Juillet','Août','Septembre','Octobre','Novembre','Décembre'],
    monthNamesShort: ['Jan','Fév','Mar','Avr','Mai','Jun',
    'Jul','Aoû','Sep','Oct','Nov','Déc'],
    monthStatus: 'Voir un autre mois', yearStatus: 'Voir un autre année',
    weekHeader: 'Sm', weekStatus: '',
    dayNames: ['Dimanche','Lundi','Mardi','Mercredi','Jeudi','Vendredi','Samedi'],
    dayNamesShort: ['Dim','Lun','Mar','Mer','Jeu','Ven','Sam'],
    dayNamesMin: ['Di','Lu','Ma','Me','Je','Ve','Sa'],
    dayStatus: 'Utiliser DD comme premier jour de la semaine', dateStatus: 'Choisir le DD, MM d',
    dateFormat: 'dd/mm/yy', firstDay: 0, 
    initStatus: 'Choisir la date', isRTL: false};
 $.datepicker.setDefaults($.datepicker.regional['fr']);
 

8voto

Edu Points 266

Si vous souhaitez inclure des options en plus de la localisation régionale, vous devez utiliser $ .extend, comme ceci:

 $(function() {
   $('#Date').datepicker($.extend({
      showMonthAfterYear: false,
      dateFormat:'d MM, y'
    },
    $.datepicker.regional['fr']
  ));
});
 

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X