我正在尝试使用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的搜索框显示表中的数据。
我引用此链接来获取数据。但在我的情况下,数据是动态的,并以表格形式出现。