Bootstrap Date Paginator更改语言

时间:2015-07-09 09:06:09

标签: twitter-bootstrap pagination

我想更改引导日期分页器的语言:http://jondmiles.com/bootstrap-datepaginator/

现在我的分页器看起来像这样:http://i.imgur.com/1da7jNj.png

我想改变工作日和月份的语言。我不知道这是否可行,因为我在文档或代码中找不到任何内容。我正在使用分页器的默认设置:

f.defaults = {
    fillWidth: !0,
    highlightSelectedDate: !0,
    highlightToday: !0,
    hint: "dddd, Do MMMM YYYY",
    injectStyle: !0,
    itemWidth: 35,
    navItemWidth: 20,
    offDays: "Sat,Sun",
    offDaysFormat: "ddd",
    onSelectedDateChanged: null,
    selectedDate: moment().clone().startOf("day"),
    selectedDateFormat: "YYYY-MM-DD",
    selectedItemWidth: 140,
    showCalendar: !0,
    showOffDays: !0,
    showStartOfWeek: !0,
    size: d,
    startOfWeek: "Mon",
    startOfWeekFormat: "ddd",
    squareEdges: !1,
    text: "ddd<br/>Do",
    textSelected: "dddd<br/>Do, MMMM YYYY",
    useBootstrap2: !1,
    width: 0
}

3 个答案:

答案 0 :(得分:1)

解决方案是:moment.locale('da', {..} - http://momentjs.com/docs/#/customization/

答案 1 :(得分:0)

例如,您可以插入

this string - 
moment.locale("YOUR LOCALE");

之前

f.defaults = {
fillWidth: !0
....

它会起作用

答案 2 :(得分:0)

我必须解决同样的问题,但语言需要动态更改。 Arthur Enokyan's answer是一个很好的起点,但语言仍然是最初设定的。

让我发挥作用的是在_buildDate方法中更改它:

for (var m = start; m.isBefore(end); m.add('days', 1)) {
                // MY CODE BELOW 
                if (this.options.language) {
                    if (typeof m.lang === 'function') {
                        m.lang(this.options.language);
                    } else if (typeof m.locale === 'function') {
                        m.locale(this.options.language);
                    }
                }

该插件最初使用的是Moment的旧版本,您必须使用moment.lang更改语言,以便上述代码支持这两种情况。

只需在初始化代码的选项中指定语言,如下所示:

var options = {
        language: 'en',
        selectedDateFormat: 'YYYY-MM-DD'
    }
$('#paginator').datepaginator(options);

您可以测试更改here,您可以选择三种不同的语言。免责声明,我为博客文章制作了该演示页面,我详细解释了如何使用Bootstrap Date Paginator解决这个问题。