web-dev-qa-db-fra.com

JQuery Datepicker Localisation allemand

Tout d'abord, je tiens à dire que j'ai lu beaucoup de discussions sur ce sujet mais qu'aucun n'a résolu mon problème.

J'ai donc besoin d'un JQuery Datepicker allemand. J'ai donc défini l'attribut regional dans Datepicker:

<script>
    $(function() {
        $("#datepicker").datepicker({
            numberOfMonths : 3,
            showButtonPanel : true,
            altField : "#datepicker_input",
            dateFormat : "dd-mm-yy"
        }, $.datepicker.regional['de']);
    });
</script>

Mais cela ne semble pas fonctionner. J'ai aussi cherché un JQuery UI allemand mais je n'ai rien trouvé.

Pourriez-vous me donner un point de départ ici s'il vous plaît?

12
Robin

Vérifiez si vous avez inclus le fichier de localisation js pour l'allemand

si vous ne voulez pas inclure ceci 

<script type="text/javascript"
        src="http://jquery-ui.googlecode.com/svn/tags/latest/ui/minified/i18n/jquery-ui-i18n.min.js">
</script>

et le code devrait être

 $(function() {
  $('#datepicker').datepicker({
       prevText: '&#x3c;zurück', prevStatus: '',
        prevJumpText: '&#x3c;&#x3c;', prevJumpStatus: '',
        nextText: 'Vor&#x3e;', nextStatus: '',
        nextJumpText: '&#x3e;&#x3e;', nextJumpStatus: '',
        currentText: 'heute', currentStatus: '',
        todayText: 'heute', todayStatus: '',
        clearText: '-', clearStatus: '',
        closeText: 'schließen', closeStatus: '',
        monthNames: ['Januar','Februar','März','April','Mai','Juni',
        'Juli','August','September','Oktober','November','Dezember'],
        monthNamesShort: ['Jan','Feb','Mär','Apr','Mai','Jun',
        'Jul','Aug','Sep','Okt','Nov','Dez'],
        dayNames: ['Sonntag','Montag','Dienstag','Mittwoch','Donnerstag','Freitag','Samstag'],
        dayNamesShort: ['So','Mo','Di','Mi','Do','Fr','Sa'],
        dayNamesMin: ['So','Mo','Di','Mi','Do','Fr','Sa'],
      showMonthAfterYear: false,
      showOn: 'both',
      buttonImage: 'media/img/calendar.png',
      buttonImageOnly: true,
      dateFormat:'d MM, y'
    } 
  );

});

Démo

22
muthu

Il est nécessaire de combiner les réponses déjà données ici comme ceci:

Ajouter à l'en-tête:

<script type="text/javascript" src="http://jquery-ui.googlecode.com/svn/tags/latest/ui/minified/i18n/jquery-ui-i18n.min.js"></script>

et à votre code:

$.datepicker.setDefaults($.datepicker.regional["de"]);

C'est tout!

3
Henning

Ok, un peu tard, mais peut-être que quelqu'un en a besoin, essayez ceci:

$.datepicker.setDefaults($.datepicker.regional["de"]);
2
Robin Willig

Pour masquer les caractères chinois de la réponse de muthu, ajoutez à l'intérieur des options: 

  weekHeader: "W",
  yearSuffix: ""
2
user2974905

Le code d'origine

$("#datepicker").datepicker({
    numberOfMonths : 3,
    showButtonPanel : true,
    altField : "#datepicker_input",
    dateFormat : "dd-mm-yy"
}, $.datepicker.regional['de']);

devrait être fixé à ce qui suit

$("#datepicker").datepicker($.extend({}, $.datepicker.regional["de"], {
    numberOfMonths : 3,
    showButtonPanel : true,
    altField : "#datepicker_input",
    dateFormat : "dd-mm-yy"
}));
0
Oleg