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

jQuery搜索不使用输入类型日期?,jquery,filter,Jquery,Filter,我试图将jQuery的搜索过滤器用于我的输入类型date,但它对我不起作用。它仅适用于input type=text 这是我的标记和代码: function myFunction() { var input, filter, ul, li, a, i; input = document.getElementById("myInput"); alert(input); filter = input.value.toUpperCase(); ul = document.getEl

我试图将jQuery的搜索过滤器用于我的输入类型date,但它对我不起作用。它仅适用于
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";

    }
  }
}
函数myFunction(){
var输入、滤波器、ul、li、a、i;
输入=document.getElementById(“myInput”);
警报(输入);
filter=input.value.toUpperCase();
ul=document.getElementById(“myUL”);
li=ul.getElementsByTagName(“td”);
对于(i=0;i-1){
李[i].style.display=“”;
}否则{
li[i].style.display=“无”;
}
}
}
标记:

<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通过搜索框显示表中的数据

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


另外,您的javascript都没有使用
jQuery
直接javascript是一种非常困难的方法。可以包括JQuery库或其他库来简化这样的任务。这是关于jQuery的一个很好的参考,如果我们不知道正在使用什么数据,就不可能提供帮助。你发布的链接中没有日期数据,但很明显,这正是你努力的地方。在这一点上,我所能推荐的是,您可以console.log或提醒每一步,这样您就可以看到哪里出了问题。a=li[i].getElementsByTagName(“td”)[0];例如,在您提供的html中找不到任何内容。