daterangepicker의 전역 값을 설정하는 방법은 무엇입니까?

Question

Github에서 : Bootstrap Daterangepicker, 플러그인 소스 : 나는 locale 옵션 글로벌 값을 설정할 daterangepicker.js

. 나는 그것을 사용할 때마다 각 요소에 대해 설정하고 싶지 않습니다.

다음은 특정 요소에 대해 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

당신이 전역 변수

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

로 dateRangePickerSettings을 저장하고 모든 UR 플러그인 인스턴스 사람들은 기본 옵션처럼 많이 볼

$('#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" 
});