javascript - 如果 td 中的日期早于(早于)今天的日期，则隐藏 Bootstrap 表行？

Question

我知道可以使用 html 和 javaScript/jQuery 来做到这一点，但我对 javaScript 的了解很少，所以我真的希望这里有人能帮助我找到解决方案。

如果行中的日期 (td) 早于当前日期，如何隐藏表中的行？

在搜索以前的问题时，我发现了两个类似的问题/答案，但我无法让它们为我工作。

Hide table row after date in column

How to hide a table row if date in td is older than today's date?

我拥有的是一个文之信引导表，其中填充了 .json 文件中的内容。表的每一行都有一个包含日期的单元格。目前，当表加载时，其内容是使用下面的脚本按日期排序的。我希望实现的附加功能是，一旦日期过去，我希望隐藏该行。

谢谢!

这是一个jsfiddle http://jsfiddle.net/ry9f3q1x/ (不知道为什么我的基本排序在 jsfiddle 中不起作用，但它通常对我来说工作得很好。)

我的代码:

HTML

<table data-toggle="table" data-url="/data1.json" data-sort-name="date" data-sort-order="asc"> 
<thead>
<tr>
    <th data-field="eventdate" data-align="center" data-sorter="datesort">Date</th>
    <th data-field="thing" data-align="center">thing</th>
    <th data-field="thing2" data-align="center">thing2</th>
</tr>
</thead>
</table>

日期排序脚本

function datesort(a,b) {
var x = new Date(a),
 y = new Date(b);
 if(!isFinite(x-y))
    return !isFinite(x) ? 1: -1;
else
return ((x < y) ? -1 : ((x > y) ?  1 : 0));
}; 

JSON

 [
{
    "eventdate": '01/14/2017',
    "thing": "Hello this is a",
    "thing2": "blah blah blah"
},
 {
    "eventdate": "12/04/2016",
    "thing": "Hello this is b",
    "thing2": "blah blah blah"
},
     {
    "eventdate": "05/04/1958",
    "thing": "Hello this is c",
    "thing2": "blah blah blah"
},
     {
    "eventdate": "11/23/1960",
    "thing": "Hello this is d",
    "thing2": "blah blah blah"
},
     {
    "eventdate": "01/17/2018",
    "thing": "Hello this is e",
    "thing2": "blah blah blah"
},
     {
    "eventdate": "01/08/2020",
    "thing": "Hello this is f",
    "thing2": "blah blah blah"
}
]

Answer 1

预先过滤 json 结果不是更好吗？ 否则，您需要为每个表行 () 提供一个唯一的 id...您可以使用以下 jquery 脚本来删除该表行

$('#rowid').remove();

要给表行一个 ID，它应该如下所示:

<tr id="somesortofid">