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
disableAnchors();
function disableAnchors(){
disableChildButtonByTime(14, 0, "zillow-5");
disableChildButtonByTime(15, 48, "zillow-4");
setTimeout(disableAnchors, 60000);
}
function disableChildButtonByTime(hour, minute, parentId){
var date = new Date();
if(date.getHours() >= hour && date.getMinutes() >= minute){
$("#" + parentId).children(".button").addClass("disabled");
}
}