jQuery搜索不使用输入类型日期?

时间:2018-06-13 16:33:57

标签: jquery filter

我正在尝试使用jQuery的搜索过滤器和我的输入类型日期,但它不适合我。它仅适用于input type=text

这是我的标记和代码:

function myFunction() {
  var input, filter, ul, li, a, i;
  input = document.getElementById("myInput");
  alert(input);
  filter = input.value.toUpperCase();
  ul = document.getElementById("myUL");
  li = ul.getElementsByTagName("td");
  for (i = 0; i < li.length; i++) {
    a = li[i].getElementsByTagName("td")[0];
    if (a.innerHTML.toUpperCase().indexOf(filter) > -1) {
      li[i].style.display = "";
    } else {
      li[i].style.display = "none";

    }
  }
}

标记:

<input type="text" id="myInput" class="" onkeyup="myFunction()" placeholder="">

<table class="table table-bordered">
  <thead>
    <tr>
      <th>Last Year Turnover</th>
      <th>Receipt</th>
      <th>Period</th>
    </tr>
  </thead>

  <tbody>
    <tr class="gradeA" id="myUL">
      <td>
        <?php echo $data['company_analytics']['last_year_turnorder'];?>
      </td>
      <td class="center">
        <?php echo $receipt;?>
      </td>
      <td class="center">
        <?php echo $data['company_analytics']['period'];?>
      </td>
    </tr>
  </tbody>
</table>

我以表格格式从数据库获取动态数据。现在我想在period列的该表上添加过滤器。所以我使用上面的代码,但它不适合我。我想我在搜索框中使用了datepicker,这就是为什么它没有获取数据。有没有办法用带有datepicker的搜索框显示表中的数据。

我引用此链接来获取数据。但在我的情况下,数据是动态的,并以表格形式出现。

enter link description here

0 个答案:

没有答案