根据日期过滤数据

时间:2019-08-17 07:57:19

标签: javascript jquery django

我想根据用户在模板中选择的给定日期范围过滤数据。我有一个列表,我希望如果用户输入日期并且它与列表中的日期匹配,则应该显示该数据。但是问题在我的代码中,它实际上并没有过滤任何内容,因此请帮助我。我的日期为“%m%dd%yyyy”格式。谢谢您。

javascript

    $(function() {
  var oTable = $('#datatable').DataTable({
    "oLanguage": {
      "sSearch": "Filter Data"
    },
    "iDisplayLength": -1,
    "sPaginationType": "full_numbers",

  });




      $("#datepicker_from").datepicker({
    showOn: "button",

    buttonImageOnly: false,
    "onSelect": function(date) {
      minDateFilter = new Date(date).getTime();
      oTable.fnDraw();
    }
  }).keyup(function() {
    minDateFilter = new Date(this.value).getTime();
    oTable.fnDraw();
  });

      $("#datepicker_to").datepicker({
    showOn: "button",

    buttonImageOnly: false,
    "onSelect": function(date) {
      maxDateFilter = new Date(date).getTime();
      oTable.fnDraw();
    }
  }).keyup(function() {
    maxDateFilter = new Date(this.value).getTime();
    oTable.fnDraw();
  });

});
    minDateFilter = "";
    maxDateFilter = "";

    $.fn.dataTableExt.afnFiltering.push(
      function(oSettings, aData, iDataIndex) {
      if (typeof aData._date == 'undefined') {
      aData._date = new Date(aData[2]).getTime();
    }

        if (minDateFilter && !isNaN(minDateFilter)) {
          if (aData._date < minDateFilter) {
            return false;
         }
       }

        if (maxDateFilter && !isNaN(maxDateFilter)) {
          if (aData._date > maxDateFilter) {
           return false;
         }
       }

    return true;
  }
);



template.html



    <p id="date_filter">
        <span id="date-label-from" class="date-label">From: </span><input class="date_range_filter date" type="date" id="datepicker_from" />
        <span id="date-label-to" class="date-label">To:</span><input class="date_range_filter date" type="date" id="datepicker_to" />
       </p>

0 个答案:

没有答案