Question

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

我循环遍历日历行，如下所示：

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

当它命中'今天'时 - 我想在'calendar__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'); 
    }
});

使用JavaScript循环播放Weekdays数组，并为今天的日期添加一个类＆＃39; date＆＃39;

1 个答案: