CODEWITHSUNDEEP
jquerylocalization
Robin
Robin

Reputation: 3840

JQuery Datepicker Localization German

First off, I want to state, that I've read a lot of threads on this Topic but none solved my Problem.

So I need a german JQuery Datepicker. So I set the regional attribute in the Datepicker:

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

But this doesn't seem to work. I also looked for a german JQuery UI but didn't find anything.

Could you give me a startingpoint here please?

Upvotes: 14

Views: 57516

Answers (6)

marian.pascalau
marian.pascalau

Reputation: 313

Eclose the "$.datepicker.setDefaults" call within: 

jQuery(function ($) { initialization; });

Final result:

jQuery(function ($) {
    $.datepicker.setDefaults($.datepicker.regional["de"]);
});

Upvotes: 0

Oleg
Oleg

Reputation: 221997

The original code

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

should be fixed to the following

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

Upvotes: 0

Henning
Henning

Reputation: 31

It is neccessary to combine the already given answeres here like this:

Add to the Header:

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

and to your Code:

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

That's it!

Upvotes: 3

Robin Willig
Robin Willig

Reputation: 29

Ok, a little bit late, but perhaps someone needs it, try this:

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

Upvotes: 2

user2974905
user2974905

Reputation: 21

To hide Chinese chars from muthu's answer, add inside the options: 

  weekHeader: "W",
  yearSuffix: ""

Upvotes: 2

muthu
muthu

Reputation: 5461

Check whether you have included the localization js file for the german

if you not means include this 

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

and code should be

 $(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'
    } 
  );

});

Demo

Upvotes: 27

Related Questions