Question

我正在使用内部使用bootstrap-datepicker的bootstrap-datepaginator。 Utilizzanto bootstrap-datepicker作为单个组件，设置语言没有问题，但使用bootstrap-datepaginator却不是这样。我该怎么办？

我正在尝试将意大利语设置为整个项目的默认语言。在index.html中，我添加了以下脚本：

<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>

但是在控制台中我遇到了这些错误：

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

我尝试了一切但我疯了！

Bootstrap Datepicker i18n

我用这种方式更改了代码：

<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>

但现在错误如下：

Uncaught TypeError: Cannot read property 'setDefaults' of undefined

使用此修复程序：

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

我在控制台中没有错误，但默认情况下语言总是英文

Answer 1

您可以为Bootstrap Datepicker设置默认选项，方法如下：

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

以下示例：

$(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"/>

Answer 2

使用jQuery的extend（）实用程序方法将您的设置合并到datepicker默认对象中：

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

Answer 3

<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>

bootstrap-datepicker全局设置语言

3 个答案: