Фильтр таблицы по датам начала и окончания - PullRequest
Новая
       22

Фильтр таблицы по датам начала и окончания

0 голосов
/ 26 марта 2019

У меня есть таблица с информацией, и у них есть даты, например: '03 -23-2019 00:00:00 '

Я хочу добавить фильтр по датам. Я использую Выбор диапазона дат, чтобы получить календарь и выбрать даты.

На данный момент я добавил два <div>'s, чтобы получить необходимую информацию (даты), но теперь у меня возникают проблемы с фильтрацией таблицы с этой даты на другую.

Стол 

  <div style="height: 300px;" class="card full-row redemptionsTab" id="locations-card">
        <h2>Redemptions</h2>

        <table class="redemptionData1" id="redeemptionsTable1" cellpadding="0" cellspacing="0">
            <tr class="table-header-row">
                <th>Coin/Reward</th>
                <th>Time</th>
                <th>Location</th>
                <th>User</th>
            </tr>
        </table>
    </div>

Выбор даты 

    <input type="text" class="datepickerInput" name="daterange" />
    <div style="display:none" class="startDate"></div>
    <div style="display:none" class="endDate"></div>

Логика для получения дат 

$(function() {
    $('input[name="daterange"]').daterangepicker({
      opens: 'left'
    }, function(start, end, label) {
      console.log("date selection " + start.format('YYYY-MM-DD') + ' to ' + end.format('YYYY-MM-DD'));

      let dateStart = $('.startDate').html(start.format('MM-DD-YYYY'))
      let dateEnd = $('.endDate').html(end.format('MM-DD-YYYY'))

    });

  });

Пример таблицы enter image description here

Итак, теперь я получаю даты dateStart и dateEnd, но я не знаю, как их отфильтровать. Я видел несколько примеров в Интернете, но ни один из них не помог мне; /

Любая помощь будет потрясающей !!

...