tdの日付が今日の日付より前（古い）の場合、Boostrapテーブル行を非表示にしますか？

Question

私はhtmlとjavaScript/jQueryを使用してこれを行うことができますが、JavaScriptについての知識は最小限ですので、私が解決策を手伝ってくれることを本当に望んでいました。

行（td）の日付が現在の日付よりも古い場合、テーブルの行を非表示にするにはどうすればよいですか？

前の質問を検索する際に、2つの同様の質問/回答が見つかりましたが、私のために働くことができませんでした。

Hide table row after date in column

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

私は何を持っていることは.jsonファイルから内容が移入Wenzhixinブートストラップのテーブルです。表の各行には、日付を含む1つのセルがあります。現在、テーブルがロードされるとき、その内容は以下のスクリプトを使用して日付別にソートされます。私が達成しようとしている追加機能は、日付が過ぎるとすぐに、その行を隠しておきたいものです。

ありがとうございます！

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> 

：ここ

はjsfiddle http://jsfiddle.net/ry9f3q1x/ （。私の基本的なソートはjsfiddleに機能しない理由、それは通常私のために正常に動作しますがわからない）

私のコードですDateSortスクリプト

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）、あなたのテーブル行（のそれぞれを与える必要があり、他の賢明に...あなたは、テーブルの行にそれが見えるはずですIDを与えるために、そのテーブルの行

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

を削除するためにjqueryのスクリプトに以下を使用することができます

<tr id="somesortofid">