Выбор диапазона "Этот месяц" по умолчанию в начальной загрузке 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')]
      },

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

Я хочу выбрать диапазон "Этот месяц" по умолчанию при загрузке страницы в загрузчике daterangepicker.

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

Answer 1

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

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

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

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

РЕДАКТИРОВАТЬ: после инициализации добавить jQuery('.daterange').trigger("apply.daterangepicker");