Auswahl Bereich ‚Aktueller Monat‘ standardmäßig in Bootstrap daterangepicker

Question

I Bootstrap Daterange Picker bin mit, die die folgenden Bereich Optionen verwendet:

ranges: { 
     'Today': [moment(), moment()], 
     'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')], 
     'Last 7 Days': [moment().subtract(6, 'days'), moment()], 
     'Last 30 Days': [moment().subtract(29, 'days'), moment()], 
     'This Month': [moment().startOf('month'), moment().endOf('month')], 
     'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')] 
     }, 

Aber wenn die Seite der ausgewählte Wert lädt leer ist.

Ich möchte den Bereich 'Dieser Monat' standardmäßig beim Laden der Seite in bootstrap dateranpicker wählen.

Jsfiddle Url: https://jsfiddle.net/renishar/wnuy6ypc/

Answer 1

einfach die startdate und endDate Optionen auf den jeweiligen Wert dieses Monats eingestellt.

Auch cb Funktion nach initialisieren Ihre Datepicker Rufen Sie den ersten Wert zu setzen

Siehe hier: https://jsfiddle.net/wnuy6ypc/6

var dat_opt = { 
     ..., 
     startDate: moment().startOf('month'), 
     endDate: moment().endOf('month'), 
     ranges: { 
     ... 
     }, 
} 

EDIT: Nach der Initialisierung jQuery('.daterange').trigger("apply.daterangepicker");