Как расширить выбор произвольного диапазона дат в bootstrape daterangepicker

Я использую плагин 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]
    }
});

jquery daterangepicker bootstrap-daterangepicker
person Eniol    schedule 26.02.2020    source источник

Ответы (2)


arrow_upward
1
arrow_downward

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

Добавьте вариант 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]
    }
});

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

Выбор диапазона дат

person DK Dhilip    schedule 02.03.2020
comment
И еще одну вещь, которую я забыл спросить, как предотвратить endDate пересечение текущей даты (сегодня). как вы можете видеть в календаре 2035, он не должен быть больше, чем текущая дата и время. - person Eniol; 02.03.2020

arrow_upward
-1
arrow_downward

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

'All Time':[moment().subtract(20,'years'), moment()]
person Rohit Tagadiya    schedule 26.02.2020
comment
А как насчет расширения выбора произвольного диапазона дат, что является основной проблемой, упомянутой в вопросе. - person Eniol; 26.02.2020
comment
Как вы можете видеть в этих примерах. - person Eniol; 26.02.2020
comment
Какое расширение? - person Rohit Tagadiya; 26.02.2020
comment
Я столкнулся с проблемой выбора большого ассортимента, например, 3-4 лет в индивидуальном диапазоне. в настоящее время он позволяет настраивать диапазон только в пределах одного месяца. попробовал minDate и maxDate из другого плагина, который также не работает. - person Eniol; 26.02.2020
comment
Неполный ответ - person mishor; 01.03.2020