JSFiddle - React, Tailwind, and code Playground
HTML
<div id="zillow-4" style="height:50px;"><a class="button " href="updateScheduleRequest.php?slotid=4&timeremain=110&current_date=2015-11-02&empnum=702">Assign Slot 4</a></div>
<div id="zillow-5" style="height:50px;"><a class="button " href="updateScheduleRequest.php?slotid=5&timeremain=110&current_date=2015-11-02&empnum=702">Assign Slot 5</a></div>
CSS
.disabled{
pointer-events: none;
cursor: default;
opacity: 0.6;
}
JavaScript
var date = new Date();
disableChildButtonByTime(14, 0, "zillow-5");
disableChildButtonByTime(16, 0, "zillow-4");
function disableChildButtonByTime(hour, minute, parentId){
if(date.getHours() >= hour && date.getMinutes() >= minute){
$("#" + parentId).children(".button").addClass("disabled");
}
}