JSFiddle - React, Tailwind, and code Playground

HTML

<table border="0" data-date="2018-08-23">
<tbody>
<tr >
<td ><strong>Office/Region</strong></td>
<td><strong>Date</strong></td>
<td><strong>Time</strong></td>
<td><strong>Registration Link</strong></td>
</tr>
<tr >
<td>South America (for Portuguese Speakers)</td>
<td><span>12-Sep-2018</span></td>
<td><span>12:00pm EST</span></td>
<td><a href="https://careers.bain.com/recruits/EventDetail?folderId=13707" target="_blank">Register</a></td>
</tr>
<tr>
<td>South America (for Spanish Speakers)</td>
<td><span><span>27-Sep-2018</span></span></td>
<td><span><span>12:00pm EST</span></span></td>
<td><a href="https://careers.bain.com/recruits/EventDetail?folderId=13703">Register</a></td>
</tr>
</tbody>
</table>

JavaScript

// Today
var time_now = $.now();

// The date set in the table's class.
var date_start = new Date($('table').attr('data-date'));

// The table's date turned into microseconds.
var time_start = date_start.getTime();

// The difference in days.
var date_difference = parseInt((time_now - time_start ) / (86400000));

// If the date difference is greater than X, hide the column.
if(date_difference > 7){
    $("table tr:nth-child(3), table th:nth-child(3)").hide();    
}