jQuery UI Datepicker localization error on load

Question

I'm trying to include the jQuery UI datepicker with a default locale using

jQuery(document).ready(function($){    
    $.datepicker.setDefaults($.datepicker.regional["it"]);
    $('#div-where-place-datepicker').datepicker({
        "dateFormat": "dd/mm/yy"
    });
});

According to docs I'm adding it to a div so the datepicker is shown inline on page load (like a calendar).

The problem is that after page load the calendar is not localized (english texts) and after I interact with it it loads the localization (it becomes italian).

Any fix for this?

I've cleared the cache and tested it on FF and Chrome and the behavior is the same. — Riccardo, Mar 06 '13 at 18:00
somewhat related to what @clph3r just stated. http://stackoverflow.com/questions/1452681/jquery-datepicker-localization — , Mar 06 '13 at 18:08

score 3 · Accepted Answer · answered Mar 06 '13 at 19:09

3

I have found where is the problem and fixed it :)

I'm including the scripts (including the localization i18n) in the footer for a faster page load (after my init script) so I've moved the scripts in the header (before my init script) and now the localization is loaded on first execution.

answered Mar 06 '13 at 19:09

Riccardo

1,309
1
25
35

Actually, I had a very similar problem: I was loading the language specific javascript file after setting my calendar to use it. I could keep it in the footer, though ;) Thanks ! – mika Mar 09 '15 at 15:36

score 0 · Answer 2 · 2013-03-06T18:12:35.687

0

Just a guess, but try setting the defaults after you've created the datepicker instance.

The other option might be to try setting the localization of that specific instance when you create it vs setting the default then creating it. Per jquery UI docs

$( "#datepicker" ).datepicker( $.datepicker.regional[ "fr" ] );

edited Mar 06 '13 at 18:12

answered Mar 06 '13 at 18:00

1

Same behavior with "$.datepicker.setDefaults($.datepicker.regional["it"]);" before, after and before+after .datepicker() init. – Riccardo Mar 06 '13 at 18:03

score 0 · Answer 3 · answered May 30 '18 at 09:11

0

I had the same issue. My solution was to not wrap the datepicker function within an anonymous function.

//jQuery(function($){
    $.datepicker.regional['de'] = {...};
    $.datepicker.setDefaults($.datepicker.regional['de']);
//});

answered May 30 '18 at 09:11

cephei_vv

220
3
14

jQuery UI Datepicker localization error on load

3 Answers3

Linked