title: Hide Boostrap table row if date in td is before (older than) today's date?
body: <p>I know it is possible to do this using html and javaScript / jQuery but my knowledge of javaScript is minimal so I was really hoping for someone here to help me with a solution.</p>
  
  <p>How can I hide a row in a table if the date in the row (td) is older than the present date?</p>
  
  <p>In searching previous questions I found two similar questions / answers but I couldn't get them to work for me.</p>
  
  <p><a href="https://stackoverflow.com/questions/30513812/hide-table-row-after-date-in-column">Hide table row after date in column</a></p>
  
  <p><a href="https://stackoverflow.com/questions/26158775/how-to-hide-a-table-row-if-date-in-td-is-older-than-todays-date">How to hide a table row if date in td is older than today's date?</a></p>
  
  <p>What I have is a Wenzhixin bootstrap table populated with contents from a .json file. Each row of the table has one cell containing a date. Currently when the table loads its contents are sorted by date using the script below.  The additional functionality I'm looking to achieve is as soon as the date is past I want that row to be hidden.</p>
  
  <p>Thanks! </p>
  
  <p>Here is a jsfiddle <a href="http://jsfiddle.net/ry9f3q1x/" rel="nofollow noreferrer">http://jsfiddle.net/ry9f3q1x/</a> 
  (not sure why my basic sort isn't working in jsfiddle it works fine for me normally.)</p>
  
  <p>My code:</p>
  
  <p>HTML </p>
  
  <pre><code>&lt;table data-toggle="table" data-url="/data1.json" data-sort-name="date" data-sort-order="asc"&gt; 
  &lt;thead&gt;
  &lt;tr&gt;
      &lt;th data-field="eventdate" data-align="center" data-sorter="datesort"&gt;Date&lt;/th&gt;
      &lt;th data-field="thing" data-align="center"&gt;thing&lt;/th&gt;
      &lt;th data-field="thing2" data-align="center"&gt;thing2&lt;/th&gt;
  &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>DateSort Script</p>
  
  <pre><code>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 &lt; y) ? -1 : ((x &gt; y) ?  1 : 0));
  }; 
  </code></pre>
  
  <p>JSON</p>
  
  <pre><code> [
  {
      "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"
  }
  ]
  </code></pre>