javascript - 在 jQuery 中按类别突出显示特定时间的单元格

Question

如何在 jQuery 中的特定时间突出显示单元格(每个 td 由唯一的 class 描述)？例如:

 <tr class="first">
    <td class="datetime">08:20<br>9.50</td>
    <td class="111"></td>
    <td class="112"></td>
    <td class="113"></td>
    <td class="114"></td>
    <td class="115"></td>
    <td class="116"></td>
</tr>

我需要在每个星期一 8:20 到 9.50 之间突出显示 111。

我该怎么做？

Answer 1

这里有一些代码，需要当前用户的时间并根据您的要求进行检查

var currentUNIX = new Date().getTime(); // get user's current UNIX timecode
var currentDay = new Date(currentUNIX).getDay(); // 0: Sunday -> 6:Saturday
var currentHour = new Date(currentUNIX).getHours(); // in 24 hours time
var currentMinute = new Date(currentUNIX).getMinutes();

if(currentDay == 1){ // if Monday
    if(
        (currentHour >= 8 && currentMinute >= 20) && // if later than 8:19
        (currentHour <= 9 && currentMinute <= 50) // and earlier than 9:51
    ){
       $('.111').addClass('highlight');
    }
}

有关 JS Date 对象的更多信息，请查看 here (它还包括可用方法的完整列表)