Wie setze ich globale Werte für datarangepicker?

Github: Bootstrap Daterangepicker, Plugin Quelle: daterangepicker.js Wie setze ich globale Werte für datarangepicker?

I globalen Werte für die locale Option festlegen möchten. Ich möchte es nicht jedes Mal für jedes Element einstellen, wenn ich es benutze.

Hier ist ein Beispielcode zum Einrichten von Datumsbereichsauswahl für ein bestimmtes Element.

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

Ist es überhaupt möglich? Oder muss ich das Plugin neu schreiben?

Was ist der beste Ansatz, wenn dies nicht ohne einige benutzerdefinierte Änderung möglich ist?

Quelle

2016-12-07 Maria

Diejenigen, die viel wie die Standardoptionen aussehen; Bist du sicher, dass du das jedes Mal aufnehmen musst? –

Jedes Mal wenn ich ein Element mit dem 'daterangerpicker' benötige, muss ich diese Einstellungen hinzufügen (und noch mehr). Ich könnte etwas vermissen, deshalb habe ich die Frage – Maria

gestellt Nun, ich habe gerade den "Konfigurationsgenerator" angeschaut und es scheint auf die gleiche Weise zu funktionieren, ob dieser Gebietsschema-Knoten dort ist oder nicht. Möglicherweise haben Sie einen anderen Code, der sich störend auswirkt. –

können Sie speichern die dateRangePickerSettings als globale Variable

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

und verweisen Sie auf alle ur-Plugin-Instanzen

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

Quelle

2016-12-07 22:22:55

Danke. Dies ist, was ich tun muss, wenn das Plugin keine Möglichkeit bietet, globale Optionen zu setzen. – Maria

@Maria können Sie upvote, wenn die Antwort geholfen :) –

Ich habe (aber nicht angezeigt, weil ich nicht genug Ruf). Es scheint jedoch, als gäbe es keine _right_ Lösung? :( – Maria

Wie setze ich globale Werte für datarangepicker?

Antwort

Verwandte Themen