按开始日期和结束日期过滤表格

时间:2019-03-26 18:23:34

标签: javascript jquery date daterangepicker

我有一张信息表,它们的日期如:'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上获取日期,但是我不知道如何使用它们进行过滤。我在网上看到了一些示例,但没有一个对我有所帮助; /

任何帮助都会很棒!

0 个答案:

没有答案
相关问题