0

Github：Bootstrap Daterangepicker，插件来源：daterangepicker.js

我想为locale选项设置全局值。我不想每次使用它时都为每个元素设置它。

这是一个示例代码，如何为特定元素设置 daterangepicker。

$('#demo').daterangepicker({
    "locale": {
        "format": "MM/DD/YYYY",
        "separator": " - ",
        "applyLabel": "Apply",
        "cancelLabel": "Cancel",
        "fromLabel": "From",
        "toLabel": "To",
        "customRangeLabel": "Custom",
        "weekLabel": "W",
        "daysOfWeek": [
            "Su",
            "Mo",
            "Tu",
            "We",
            "Th",
            "Fr",
            "Sa"
        ],
        "monthNames": [
            "January",
            "February",
            "March",
            "April",
            "May",
            "June",
            "July",
            "August",
            "September",
            "October",
            "November",
            "December"
        ],
        "firstDay": 1
    },
    "startDate": "12/01/2016",
    "endDate": "12/07/2016"
}, function(start, end, label) {
  console.log("New date range selected: ' + start.format('YYYY-MM-DD') + ' to ' + end.format('YYYY-MM-DD') + ' (predefined range: ' + label + ')");
});

甚至可能吗？还是我必须重写插件？

如果没有一些自定义修改就不可能做到这一点，那么最好的方法是什么？

4

2 回答 2

0

您可以将 存储dateRangePickerSettings为全局变量

var dateRangePickerSettings = {
    locale: {...},
};

并将其引用到您的所有插件实例

$('#demo1').daterangepicker({
    "locale": dateRangePickerSettings.locale,
    "startDate": "06/01/2016",
    "endDate": "06/07/2016"
});

$('#demo2').daterangepicker({
    "locale": dateRangePickerSettings.locale,
    "startDate": "12/01/2016",
    "endDate": "12/07/2016"
});
于 2016-12-07T22:22:55.007 回答
0

Dan Grossman 在2.1.26中添加了支持

Added support for $.fn.daterangepicker.defaultOptions to set default options for all pickers on page.

让我们尝试在这里为新手解释一下。

$.fn.daterangepicker.defaultOptions = {
    locale: {
        "format": "DD/MM/YYYY",
        "separator": " - ",
        "applyLabel": "Aplicar",
        "cancelLabel": "Cancelar",
        "fromLabel": "Desde",
        "toLabel": "Hasta",
        "customRangeLabel": "Personalizado",
        "weekLabel": "W",
        "firstDay": 0,
        "daysOfWeek": ["Lu","Ma","Mi","Ju","Vi","Sa","Do"],
        "monthNames": [
            "Enero",
            "Febrero",
            "Marzo",
            "Abril",
            "Mayo",
            "Junio",
            "Julio",
            "Agosto",
            "Septiembre",
            "Octubre",
            "Noviembre",
            "Diciembre",
        ]
    }
}

$('#period').daterangepicker();

感谢@kurdemol94

于 2020-05-18T13:59:41.967 回答