使用其他语言时Bootstrap datepicker错误：Uncaught TypeError：无法读取未定义的属性“length” [英] Bootstrap datepicker error when using other language: Uncaught TypeError: Cannot read property 'length' of undefined

问题描述

我正在使用Bootstrap中的datepicker（ http：// bootstrap-datepicker .readthedocs.org / EN /最新/ i18n.html ）。当使用没有language属性的datepicker时，它可以工作，但是当我尝试指定一种语言（sv）时，它会失败并显示消息（即当尝试在小部件中选择日期时）：

I'm using the datepicker from Bootstrap (http://bootstrap-datepicker.readthedocs.org/en/latest/i18n.html). When using datepicker without the "language" property, it works, but when I try to specify a language ("sv"), it fails with the message (i.e when trying to select a date in the widget):

Uncaught TypeError：无法读取未定义属性'length'

Uncaught TypeError: Cannot read property 'length' of undefined

这些是我正在使用的版本：

These are the versions I'm using:

jQuery v1.8.3

jQuery v1.8.3

jQuery UI 1.8.22

jQuery UI 1.8.22

Boostrap 2.3.1

Boostrap 2.3.1

从查看调试器看起来这是崩溃的代码（Datetimepicker.prototype，带有p：的行）：

From looking at the debugger it seems that this is the code that crashes (Datetimepicker.prototype, the row with "p: "):

    formatDate:       function (date, format, language, type) {
        if (date == null) {
            return '';
        }
        var val;
        if (type == 'standard') {
            val = {
                // year
                yy:   date.getUTCFullYear().toString().substring(2),
                yyyy: date.getUTCFullYear(),
                // month
                m:    date.getUTCMonth() + 1,
                M:    dates[language].monthsShort[date.getUTCMonth()],
                MM:   dates[language].months[date.getUTCMonth()],
                // day
                d:    date.getUTCDate(),
                D:    dates[language].daysShort[date.getUTCDay()],
                DD:   dates[language].days[date.getUTCDay()],
                p:    (dates[language].meridiem.length == 2 ? dates[language].meridiem[date.getUTCHours() < 12 ? 0 : 1] : ''),
                // hour
                h:    date.getUTCHours(),
                // minute
                i:    date.getUTCMinutes(),
                // second
                s:    date.getUTCSeconds()
            };

这是工作代码（英文小部件）：

This is the working code (a widget in english):

    var dates = $('#date-picker input[name=from_date], .facet-container input[name=to_date]').datetimepicker({
        format: 'yyyy-mm-dd',
        autoclose:'true',
        todayBtn:'true',
        pickerPosition:'bottom-left',
        minView:'month'
    }).on('changeDate', function(ev){

    });

此崩溃：

 $.fn.datetimepicker.dates['sv'] = {
        days: ["Söndag", "Måndag", "Tisdag", "Onsdag", "Torsdag", "Fredag", "Lördag"],
        daysShort: ["Sön", "Mån", "Tis", "Ons", "Tor", "Fre", "Lör"],
        daysMin: ["Sö", "Må", "Ti", "On", "To", "Fr", "Lö"],
        months: ["Januari", "Februari", "Mars", "April", "Maj", "Juni", "Juli", "Augusti", "September", "Oktober", "November", "December"],
        monthsShort: ["Jan", "Feb", "Mar", "Apr", "Maj", "Jun", "Jul", "Aug", "Sep", "Okt", "Nov", "Dec"],
        today: "Idag",
        clear: "Rensa"
    };

    var dates = $('#date-picker input[name=from_date], .facet-container input[name=to_date]').datetimepicker({
        format: 'yyyy-mm-dd',
        autoclose:'true',
        weekStart: 1,
        language:'sv',
        todayBtn:'true',
        pickerPosition:'bottom-left',
        minView:'month'
    }).on('changeDate', function(ev){
    });

可能是什么问题？

推荐答案

这修复了它，即必须添加meridiem属性：

This fixed it, i.e had to add a "meridiem" property:

      $.fn.datetimepicker.dates['sv'] = {
        days: ["Söndag", "Måndag", "Tisdag", "Onsdag", "Torsdag", "Fredag", "Lördag"],
        daysShort: ["Sön", "Mån", "Tis", "Ons", "Tor", "Fre", "Lör"],
        daysMin: ["Sö", "Må", "Ti", "On", "To", "Fr", "Lö"],
        months: ["Januari", "Februari", "Mars", "April", "Maj", "Juni", "Juli", "Augusti", "September", "Oktober", "November", "December"],
        monthsShort: ["Jan", "Feb", "Mar", "Apr", "Maj", "Jun", "Jul", "Aug", "Sep", "Okt", "Nov", "Dec"],
        meridiem: '',
        today: "Idag",
        clear: "Rensa"
    };

这篇关于使用其他语言时Bootstrap datepicker错误：Uncaught TypeError：无法读取未定义的属性“length”的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！