bootstrap-datepicker set language globally

Question

I'm using bootstrap-datepaginator that inside uses bootstrap-datepicker. Utilizzanto bootstrap-datepicker as a single component, there are no problems to set the language, but the same is not true using bootstrap-datepaginator. How can I do?

I'm trying to set the Italian language as a default for the entire project. In index.html I put the following script:

<script src="vendors/bootstrap-datepicker/js/bootstrap-datepicker.js"></script>
<script src="vendors/jquery-ui/ui/i18n/datepicker-it.js"></script>

<script>
    $(function() {
        $( "#datepicker" ).datepicker( $.datepicker.regional[ "it" ] );
    });
</script>

But in the console I get these errors:

Uncaught TypeError: Cannot read property 'regional' of undefined datepicker-it.js:15
Uncaught TypeError: Cannot read property 'regional' of undefined (index):394

I tried everything but I'm going crazy!

Bootstrap Datepicker i18n

I changed the code in this way:

<script src="vendors/bootstrap-datepicker/js/bootstrap-datepicker.js"></script>
<script src="vendors/bootstrap-datepicker/js/locales/bootstrap-datepicker.it.js"></script>


<script>
    $(function() {
        $.datepicker.setDefaults( $.datepicker.regional["it"] );
    });
</script>

but now the error is as follows:

Uncaught TypeError: Cannot read property 'setDefaults' of undefined

With this fix:

$('.datepicker').datepicker({
    language: "it"
});

I haven't got errors in console but the language is always english by default

I think you are missing an include for the jQuery UI datepicker - you only include the localized content for it. — RaYell, Oct 21 '14 at 13:23
You're using the bootstrap datepicker, not the jQueryUI one. — Rory McCrossan, Oct 21 '14 at 13:23
http://stackoverflow.com/questions/19382189/change-language-for-bootstrap-datetimepicker — Dave, Oct 21 '14 at 14:01

score 31 · Accepted Answer · edited Jul 30 '16 at 09:35

You can set default options for Bootstrap Datepicker by assigning them like so:

$.fn.datepicker.defaults.language = 'it';

Example below:

$(document).ready(function(){
     $.fn.datepicker.defaults.language = 'it';
});

$(document).ready(function(){
     $('.datepicker').datepicker();
});

<link href="https://cdn.jsdelivr.net/bootstrap.datepicker-fork/1.3.0/css/datepicker3.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/bootstrap.datepicker-fork/1.3.0/js/bootstrap-datepicker.js"></script>
<script src="https://cdn.jsdelivr.net/bootstrap.datepicker-fork/1.3.0/js/locales/bootstrap-datepicker.it.js"></script>
<input class="datepicker"/>

Thanks @mccannf!! You have found the solution to my problem !! — YoBre, Oct 21 '14 at 15:15

score 3 · Answer 2 · answered Oct 14 '15 at 10:01

3

Use jQuery's extend() utility method to merge your settings into the datepicker defaults object:

$.extend( $.fn.datepicker.defaults, {format: 'dd-mm-yyyy', language: 'nl'} );

answered Oct 14 '15 at 10:01

Stephan van Hoof

225
1
9

That has fixed for me too. Thanks. – Rogério Silva Jul 01 '17 at 09:24

score 0 · Answer 3 · edited Oct 21 '14 at 13:59

0

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

<script>
$.datepicker.setDefaults( $.datepicker.regional["it"] );

$( "#data" ).datepicker();
</script>

edited Oct 21 '14 at 13:59

Zeeshan

1,659
13
17

answered Oct 21 '14 at 13:29

If I try to do as you say I get this error: Uncaught TypeError: Cannot read property 'setDefaults' of undefined – YoBre Oct 21 '14 at 13:43
1

See Rory comment.. i'm not using jquery datepicker but bootstrap -.- – YoBre Oct 21 '14 at 14:00

bootstrap-datepicker set language globally

3 Answers3

Linked