Как установить глобальные значения для daterangepicker?

Question

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 + ')"); 
}); 

Возможно ли это? Или мне нужно переписать плагин?

Каков наилучший подход, если это невозможно без какой-либо пользовательской модификации?

Answer 1

вы можете хранить 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" 
});