Как расширить выбор диапазона пользовательских дат в начальной загрузке daterangepicker

Question

Я использую bootstrap плагин daterangepicker, я столкнулся с проблемой, выбрав большой диапазон, например 3-4 года в пользовательском диапазоне. в настоящее время он позволяет настраивать диапазон только в течение одного месяца. Я попробовал minDate и maxDate из другого плагина , который также здесь не работает.

И как я могу искать все данные времени, щелкая вкладку все время и ища их в пределах minDate и maxDate диапазон.

jsFiddle

 $('.selectrange').daterangepicker({
    showDropdowns: true,
    timePicker: true,
    minDate: [moment().subtract(20,'years'),'inclusive'],
    maxDate: [moment(),'inclusive'],
    ranges: {
       'Today': [moment(), moment()],
       'Last 7 Days': [moment().subtract(6, 'days'), moment()],
       'Last 30 Days': [moment().subtract(29, 'days'), moment()],
       'This Month': [moment().startOf('month'), moment().endOf('month')],
       'All Time':'all-time', // [minDate, maxDate]
    }
});

Answer 1

Я думаю, что это должно помочь вам:

Добавить опцию linkedCalendars: false, например:

Код:

$('.selectrange').daterangepicker({
    linkedCalendars: false,
    showDropdowns: true,
    timePicker: true,
    minDate: moment().subtract(20, 'years'),
    maxDate: moment(),
    ranges: {
        'Today': [moment(), moment()],
        'Last 7 Days': [moment().subtract(6, 'days'), moment()],
        'Last 30 Days': [moment().subtract(29, 'days'), moment()],
        'This Month': [moment().startOf('month'), moment().endOf('month')],
        'All Time': 'all-time', // [minDate, maxDate]
    }
});

Снимок экрана:

Answer 2

Я думаю, вы хотите это правильно.

'All Time':[moment().subtract(20,'years'), moment()]