javascript - 根据 cookie 中选择的语言动态更改引导日期范围选择器标签

Question

我想根据用户端设置的语言区域设置 cookie 更改日期范围选择器的标签。现在，默认情况下，我使用英文标签，我想根据 cookie 更改它们。

    var locale = $.cookie('locale');
    moment.locale(locale);
    var start = moment();
    var end = moment().add(29, 'days');

    $('#Date').daterangepicker({
        startDate: start,
        endDate: end,
        autoUpdateInput: false,
        locale: {
            cancelLabel: 'Clear'
        },
        ranges: {
            'Today': [moment(), moment()],
            'Tomorrow': [moment().add(1, 'days'), moment().add(1, 'days')],
            'Next 7 Days': [moment(), moment().add(6, 'days')],
            'Next 30 Days': [moment(), moment().add(29, 'days')],
            'This Month': [moment().startOf('month'), moment().endOf('month')],
            'Next Month': [moment().add(1, 'month').startOf('month'), moment().add(1, 'month').endOf('month')]
        },
        "alwaysShowCalendars": true
    });

使用 moment.locale('custom language') 有助于以本地化语言提供日期和月份的名称，但是，如何自定义 Today 的标签、明天还有其他吗？

我只想从 cookie 中获取“en”、“fr”等语言 ID，然后据此更改我的 javascript 代码中的属性。

Answer 1

您应该如下编辑您的区域设置对象。以所需语言在 Cookie 上添加“应用”和“取消”。从 cookie 中读取并按照我下面的操作放置它们。

          "locale": {
            "format": "DD.MM.YYYY",
            "separator": " - ",
            "applyLabel": "Apply",
            "cancelLabel": "Cancel",
            "fromLabel": "From",
            "toLabel": "To",
            "customRangeLabel": "Custom",
            "weekLabel": "W",
            "daysOfWeek": [