Fatal编程技术网
  • javascript/
  • Javascript 更改引导DateTimePicker的语言

Javascript 更改引导DateTimePicker的语言

javascript twitter-bootstrap

Javascript 更改引导DateTimePicker的语言,javascript,twitter-bootstrap,translate,smalot-datetimepicker,Javascript,Twitter Bootstrap,Translate,Smalot Datetimepicker,我使用Stefan Petre的bootstrap datetimepicker.js版权所有2012 我导入js和其他语言，例如俄语： <script type="text/javascript" src="/Resources/plugins/bootstrap-datetimepicker/js/bootstrap-datetimepicker.js"></script> <script type="text/javascript" src="/

我使用Stefan Petre的
bootstrap datetimepicker.js
版权所有2012

我导入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>
但它没有被翻译

我试图在init上插入

**language: "RU"**
**language: "ru"**
**language: "ru-RU"**
但一切都没有改变，
你有什么建议吗？

我想你必须在选项中设置它：

$(".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”定义的

选项是
locale:“ru”

但是首先，您必须调用脚本
。/moment.js/version/locale/ru.js

希望这有帮助

如果您使用
矩.js
则需要将
矩加载到locales.min.js
而不是
矩.min.js
。否则，您的
区域设置：“ru”
将无法工作。

您需要在片刻库之后添加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>


$（函数（）{
$（'#datetimepicker1'）。datetimepicker（{locale:'es'}）；
});
以下是所有语言：

1。您将从以下链接在datepicker.js中使用不同的locale数组元素

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

$.fn.datepicker.Constructor=datepicker；
变量日期=$.fn.datepicker.dates={
嗯:{
日期：[“星期日”、“星期一”、“星期二”、“星期三”、“星期四”、“星期五”、“星期六”、“星期日”]，
日期短：[“太阳”、“星期一”、“星期二”、“星期三”、“星期四”、“星期五”、“星期六”、“太阳”]，
daysMin:[“Su”、“Mo”、“Tu”、“We”、“Th”、“Fr”、“Sa”、“Su”]，
月份：[“一月”、“二月”、“三月”、“四月”、“五月”、“六月”、“七月”、“八月”、“九月”、“十月”、“十一月”、“十二月”]，
月短：[“一月”、“二月”、“三月”、“四月”、“五月”、“六月”、“七月”、“八月”、“九月”、“十月”、“十一月”、“十二月”]，
今天：“今天”
},
中国：{
天数：[”星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六", "星期日"],
daysShort:[”周日", "周一", "周二", "周三", "周四", "周五", "周六", "周日"],
daysMin:[”日", "一", "二", "三", "四", "五", "六", "日"],
月份：[”一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"],
月短：[”一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"],
今天：今天",
后缀：[]，
梅里迪姆：[”上午", "下午"]
}

}
只需在插件后包含所需的区域设置。您可以在github上的区域设置文件夹中找到它

其中，XX是您所需的区域设置，如ru

这仅供参考：

情况如下：

 <div class="input" id="event_period">
   <input class="date" required="required" type="text">
 </div>

 $.fn.datepicker.dates['zh-CN'] = {
    days:["星期日","星期一","星期二","星期三","星期四","星期五","星期六"],
    daysShort:["周日","周一","周二","周三","周四","周五","周六"],
    daysMin:["日","一","二","三","四","五","六"],
    months:["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"],
    monthsShort:["1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月"],
    today:"今日",
    clear:"清除"
  };

  $('#event_period').datepicker({
    inputs: $('input.date'),
    todayBtn: "linked",
    clearBtn: true,
    format: "yyyy年mm月",
    titleFormat: "yyyy年mm月",
    language: 'zh-CN',
    weekStart:1 // Available or not
  });


$.fn.datepicker.dates['zh-CN']={
天数：[”星期日","星期一","星期二","星期三","星期四","星期五","星期六"],
daysShort:[”周日","周一","周二","周三","周四","周五","周六"],
daysMin:[”日","一","二","三","四","五","六"],
月份：[”一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"],
月短：[“1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月"],
今天：今日",
清除：“清除"
};
$（“#事件_期间”）。日期选择器({
输入：$（'input.date'），
今日BTN：“链接”，
没错，
格式：“yyyy年嗯月",
标题格式：“yyy年嗯月",
语言：“zh CN”，
weekStart:1//是否可用
});
试试这个：

$( ".form_datetime" ).datepicker( $.datepicker.regional[ "zh-CN" ], { dateFormat: 'dd.mm.yyyy hh:ii' });
1.首先将此js文件添加到HTML中

<script th:src="@{${webLinkFactory.jsLibRootPath()}+'/bootstrap-datepicker.nl.min.js'}" charset="UTF-8"type="text/javascript"></script>
2.在js文件的ready函数中设置这一行

$(document).ready(function () {
    $.fn.datetimepicker.defaults.language = 'nl';
}
3.用这种方式初始化datetimepicker

$(this).datetimepicker({
                        format: "yyyy-mm-dd hh:ii",
                        autoclose: true,
                        weekStart: 1,
                        locale: 'nl',
                        language: 'nl'
                    });
按照这些步骤，我成功地将我的英语日期选择器和日期时间选择器转换为荷兰语。

对于那些像我一样无法用上述解决方案解决此问题的人，我建议验证是否同时在不同位置初始化$（元素）。日期时间选择器（…）

在我的例子中，经过很长时间，我发现一个global.js干扰了另一个datetimepicker初始化

如果出于某种原因需要在不同的文件中使用不同的初始化来维护工作，请记住在使用以下各项之前删除datetimepicker：

$（元素）.datetimepicker（'remove'）

参考：

编辑：此解决方案仍然需要在启动datetimepicker.js之后正确导入语言文件

我希望这会有帮助！

你说的都是对的！另一种获得成功的方式

https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/locales/bootstrap-datepicker.ru.min.js
你可以在那里找到所有的语言

对于说法语的人来说，这就是你的做法

        ;(function($){
        $.fn.datepicker.dates['fr'] = {
            days: ["dimanche", "lundi", "mardi", "mercredi", "jeudi", "vendredi", "samedi"],
            daysShort: ["dim.", "lun.", "mar.", "mer.", "jeu.", "ven.", "sam."],
            daysMin: ["d", "l", "ma", "me", "j", "v", "s"],
            months: ["janvier", "février", "mars", "avril", "mai", "juin", "juillet", "août", "septembre", "octobre", "novembre", "décembre"],
            monthsShort: ["janv.", "févr.", "mars", "avril", "mai", "juin", "juil.", "août", "sept.", "oct.", "nov.", "déc."],
            today: "Aujourd'hui",
            monthsTitle: "Mois",
            clear: "Effacer",
            weekStart: 1,
            format: "dd/mm/yyyy"
        };
    }(jQuery));

    $('.js-datepicker').datepicker({
        format: 'dd/mm/yyyy',
        startDate: new Date(),
        language: 'fr',
    });
thx到此来源：

当我包含语言文件时，我得到错误，$.fn.datetimepicker.dates未定义…@XaweryWiśniowiecki如果您复制了OPs代码，他上次吃东西时包含了一个库（atetimepicker）而不是日期时间选择器。@Lee Winter我已经读了你的评论十遍了，但我仍然不理解它。@ViktorJoras我认为代码最初有一个拼写错误，缺少了d off datetimepicker，因此没有被更正。
无法设置undefined的属性“en”
你也可以使用moment with locale并将所有locale包含在如果可能的话，子目录称为locale，与momente.js文件相对。什么是momente.js？OPs代码中没有提到任何momente.js。@ViktorJoras如果您查看使用此插件的要求，您将看到当前插件需要使用mommen.js库。如果您有任何问题，请查看这是这对我来说是最好的答案。这应该是可以接受的答案。不包括瞬间js或任何东西。只是简单的解决方案，但功能强大。 
$(document).ready(function () {
    $.fn.datetimepicker.defaults.language = 'nl';
}

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

https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/locales/bootstrap-datepicker.ru.min.js

        ;(function($){
        $.fn.datepicker.dates['fr'] = {
            days: ["dimanche", "lundi", "mardi", "mercredi", "jeudi", "vendredi", "samedi"],
            daysShort: ["dim.", "lun.", "mar.", "mer.", "jeu.", "ven.", "sam."],
            daysMin: ["d", "l", "ma", "me", "j", "v", "s"],
            months: ["janvier", "février", "mars", "avril", "mai", "juin", "juillet", "août", "septembre", "octobre", "novembre", "décembre"],
            monthsShort: ["janv.", "févr.", "mars", "avril", "mai", "juin", "juil.", "août", "sept.", "oct.", "nov.", "déc."],
            today: "Aujourd'hui",
            monthsTitle: "Mois",
            clear: "Effacer",
            weekStart: 1,
            format: "dd/mm/yyyy"
        };
    }(jQuery));

    $('.js-datepicker').datepicker({
        format: 'dd/mm/yyyy',
        startDate: new Date(),
        language: 'fr',
    });