javascript - 使用 JavaScript 遍历 Weekdays 数组并为今天的“日期”添加一个类

Question

我正在创建一个静态外观的日历，并且基本上想要突出显示今天的专栏。

我正在遍历日历行，如下所示：

var weekdays = ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
$('.calendar__row').each(function (index, value) {
    $(this).append(weekdays[index])
})

当它点击“今天”时 - 我想在“日历__row”中添加一个类 - 这将如何完成？

我最终得到：

<div class="calendar__row">Mon</div>
<div class="calendar__row">Tue</div>
<div class="calendar__row">Wed</div>...so on

如果可能的话，我想在我们上课的那天增加一堂课！谢谢你。

Answer 1

您可以使用该getDay函数返回一个从 0 到 6 的数字，指示一周中的当前日期（0 代表星期日，1 代表星期一，2 代表星期二，依此类推）：

var today = new Date().getDay();

并基于该检查索引是否在您的数组中匹配并与该类相应地采取行动：

$('.calendar__row').each(function (index, value) {
    $(this).append(weekdays[index]);

    var today = new Date().getDay();    
    if (index == (today == 0 ? 6 : (today - 1))) {  
        $(this).addClass('today'); 
    }
});