Выбор диапазон "В этом месяце по умолчанию в начальной загрузке daterangepicker

Question

Я использую Bootstrap DateRange Picker, который использует следующие варианты диапазона:

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')] 
     }, 

Но когда страница загружает выбранное значение пусто.

Я хочу выбрать диапазон «В этом месяце» по умолчанию, когда страница загружается, в bootstrap daterangepicker.

Jsfiddle Адрес: https://jsfiddle.net/renishar/wnuy6ypc/

Answer 1

Просто установите STARTDATE и ENDDATE опции для соответствующего значения в этом месяце.

также вызвать функцию куб после инициализации вашего DatePicker установить первое значение

Смотрите здесь: https://jsfiddle.net/wnuy6ypc/6

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

EDIT: После инициализации добавить jQuery('.daterange').trigger("apply.daterangepicker");