web-dev-qa-db-ja.com

bootstrap-datepickerはグローバルに言語を設定します

私は bootstrap-datepaginator を使用していますが、その内部ではbootstrap-datepickerを使用しています。単一のコンポーネントとして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"
});

コンソールにエラーはありませんが、言語はデフォルトで常に英語です

javascriptangularjsdatepickerbootstrap-datepickerbootstrap-datetimepicker
7
YoBre

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"/>
27
mccannf

JQueryのextend（）ユーティリティメソッドを使用して、設定をdatepickerのデフォルトオブジェクトにマージします。

$.extend( $.fn.datepicker.defaults, {format: 'dd-mm-yyyy', language: 'nl'} );
3
Stephan van Hoof
<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>
0
user4166097