更改引导DateTimePicker的语言

Question

我使用bootstrap-datetimepicker.jsStefan Petre的2012版权所有

http://www.malot.fr/bootstrap-datetimepicker/index.php

我导入js和另一种语言,例如俄语:

<script type="text/javascript" 
  src="/Resources/plugins/bootstrap-datetimepicker/js/bootstrap-datetimepicker.js"></script>
<script type="text/javascript" 
  src="/Resources/plugins/bootstrap-datetimepicker/js/locales/bootstrap-datetimepicker.ru.js" charset="UTF-8"></script>

在document.ready

$(document).ready(function () {
    // debugger;

    $(".form_datetime").datetimepicker({
        isRTL: false,
        format: 'dd.mm.yyyy hh:ii',
        autoclose:true
    });
});

但它没有翻译

我试图在init上插入

**language: "RU"**
**language: "ru"**
**language: "ru-RU"**

但没有变化,你有任何建议吗？

Answer 1

我认为你必须在选项中设置它:

$(".form_datetime").datetimepicker({
    isRTL: false,
    format: 'dd.mm.yyyy hh:ii',
    autoclose:true,
    language: 'ru'
});

如果它不起作用,请确保:

$.fn.datetimepicker.dates['en'] = {
    days: ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday"],
    daysShort: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"],
    daysMin: ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa", "Su"],
    months: ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"],
    monthsShort: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
    today: "Today"
};

为'ru'定义

Answer 2

如果你使用moment.js你需要加载moment-with-locales.min.js不moment.min.js.否则,你locale: 'ru'将无法工作.

Answer 3

你需要添加javascript语言文件,在片刻之后,例如:

<script type="text/javascript" src="js/moment/moment.js"></script>
<script type="text/javascript" src="js/moment/es.js"></script>

现在你可以设置一种语言.

<script type="text/javascript">
$(function () {
  $('#datetimepicker1').datetimepicker({locale:'es'});
});
</script>

以下是所有语言:https://github.com/moment/moment

Answer 4

选项是 locale: 'ru'

但首先,你必须调用脚本 ../moment.js/version/locale/ru.js

希望这可以帮助.

Answer 5

只需在插件后添加所需的语言环境即可。您可以在github https://github.com/uxsolutions/bootstrap-datepicker/tree/master/dist/locales的locales文件夹中找到它

<script src="bootstrap-datepicker.XX.js" charset="UTF-8"></script>

然后添加选项

$('.datepicker').datepicker({
   language: 'XX'
});

其中XX是喜欢你想要的locale る

Answer 6

1.您将在来自以下链接的 datepicker.js 中使用不同的语言环境数组元素 https://github.com/smalot/bootstrap-datetimepicker/tree/master/js/locales

2. 在 datepicker.js 中添加数组，如下所示：

$.fn.datepicker.Constructor = Datepicker;
    var dates = $.fn.datepicker.dates = {
        en: {
            days: ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday"],
            daysShort: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"],
            daysMin: ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa", "Su"],
            months: ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"],
            monthsShort: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
            today: "Today"
        },
        CN:{
        days: ["???", "???", "???", "???", "???", "???", "???", "???"],
        daysShort: ["??", "??", "??", "??", "??", "??", "??", "??"],
    daysMin: ["?", "?", "?", "?", "?", "?", "?", "?"],
    months: ["??", "??", "??", "??", "??", "??", "??", "??", "??", "??", "???", "???"],
    monthsShort: ["??", "??", "??", "??", "??", "??", "??", "??", "??", "??", "???", "???"],
    today: "??",
    suffix: [],
    meridiem: ["??", "??"]
}
	};

Answer 7

1.首先将此js文件添加到您的HTML中。

<script th:src="@{${webLinkFactory.jsLibRootPath()}+'/bootstrap-datepicker.nl.min.js'}" charset="UTF-8"type="text/javascript"></script>

显然是在 moment.min.js 之后。

bootstrap-datepicker.nl.min.js 的内容将是

;(function($){
    $.fn.datepicker.dates['nl'] = {
        days: ["Zondag", "Maandag", "Dinsdag", "Woensdag", "Donderdag", "Vrijdag", "Zaterdag", "Zondag"],
        daysShort: ["Zon", "Man", "Din", "Woe", "Don", "Vri", "Zat", "Zon"],
        daysMin: ["Zo", "Ma", "Di", "Wo", "Do", "Vr", "Za", "Zo"],
        months: ["Januari", "Februari", "Maart", "April", "Mei", "Juni", "Juli", "Augustus", "September", "Oktober", "November", "December"],
        monthsShort: ["Jan", "Feb", "Mrt", "Apr", "Mei", "Jun", "Jul", "Aug", "Sep", "Okt", "Nov", "Dec"],
        today: "Vandaag",
        suffix: [],
        meridiem: []
    };
    $.fn.datetimepicker.dates['nl'] = {
        days: ["Zondag", "Maandag", "Dinsdag", "Woensdag", "Donderdag", "Vrijdag", "Zaterdag", "Zondag"],
        daysShort: ["Zon", "Man", "Din", "Woe", "Don", "Vri", "Zat", "Zon"],
        daysMin: ["Zo", "Ma", "Di", "Wo", "Do", "Vr", "Za", "Zo"],
        months: ["Januari", "Februari", "Maart", "April", "Mei", "Juni", "Juli", "Augustus", "September", "Oktober", "November", "December"],
        monthsShort: ["Jan", "Feb", "Mrt", "Apr", "Mei", "Jun", "Jul", "Aug", "Sep", "Okt", "Nov", "Dec"],
        today: "Vandaag",
        suffix: [],
        meridiem: []
    };
}(jQuery));

2.在js文件的ready函数中设置这一行。

$(document).ready(function () {
    $.fn.datetimepicker.defaults.language = 'nl';
}

3.以这种方式初始化你的日期时间选择器

$(this).datetimepicker({
                        format: "yyyy-mm-dd hh:ii",
                        autoclose: true,
                        weekStart: 1,
                        locale: 'nl',
                        language: 'nl'
                    });

按照此步骤，我能够成功地将英语日期选择器和日期时间选择器转换为荷兰语。