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

时间:2017-04-04 13:29:27

标签: javascript cookies bootstrap-daterangepicker

我想根据用户端设置的语言区域设置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')帮助以本地化语言显示日期和月份的名称,但是,如何自定义TodayTomorrow和其他人的标签?

我想得到的语言就像' en',' fr'或者来自cookie的其他人,然后根据它改变我的javascript代码中的属性。

1 个答案:

答案 0 :(得分:0)

您应该如下编辑您的语言环境对象。添加"申请"和"取消"在你的cookie上用所需的语言。从cookie中读取并放置它们,如下所示。

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