Показ 3 календарей с помощью Daterangepicker - PullRequest
Новая
       16

Показ 3 календарей с помощью Daterangepicker

0 голосов
/ 18 февраля 2019

Я настраиваю средство выбора даты, что-то вроде Google Analytics.С Daterangepicker я могу использовать до двух календарей и хочу добавить еще один.

В документации плагина не упоминайте, что возможнонастроить количество календарей. 

<div id="reportrange" class="btn btn-default" style="background: #fff;">
    <i class="fa fa-calendar"></i>&nbsp;
    <span></span>
    <i class="fa fa-caret-down"></i>
</div>

$(function() {

    var start = moment().subtract(29, 'days');
    var end = moment();

    function cb(start, end) {
        $('#reportrange span').html(start.format('D MMM YYYY') + ' - ' + end.format('D MMM YYYY'));
    }

    $('#reportrange').daterangepicker({
        startDate: start,
        endDate: end,
        ranges: {
            'Hoy': [moment(), moment()],
            'Ayer': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
            'Este mes': [moment().startOf('month'), moment().endOf('month')],
            'El mes pasado': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')],
            'Últimos 7 días': [moment().subtract(6, 'days'), moment()],
            'Últimos 30 días': [moment().subtract(29, 'days'), moment()],
        },
        maxDate: '17/02/2019',
        showCustomRangeLabel: true,
        alwaysShowCalendars: true,
        opens: 'left',
        applyButtonClasses: 'btn-success'
    }, cb);

    cb(start, end);

});

Это мой код https://jsfiddle.net/5n7fqtub/

...