在给定数据（clndr.js）的javascript日历中添加类

我希望根据值本身为日历中出现的每个clndr.js事件分配一个类<代码>var temp显示了所接收数据的示例。我想将每个事件的样式设置为1或2。代码显示了我想要修改的默认模板，只需将传入的值作为类添加到

type

，这样我就可以对其进行样式设置

---

我不知道您的代码，所以我正在使用github文件夹“tests”中的CLNDR测试

添加到test.js的底部（基本上只需确保它在

clndr

激活之后）

然后向test.html

添加一些css样式，以便清楚地看到它的工作情况

.ev-type-1 {
    background: #F00 !important;
    color: #fff !important;
}
.ev-type-2 {
    background: #0F0 !important;
    color: #fff !important;
}

---

嗨，艾利斯，谢谢你回来找我。如果查看src/clndr.js文件，您将看到我正在使用的代码。该模板是该文件中的默认模板。我不太清楚我是否理解您将添加的javascript放在哪里。在clndr.js中，它是插件的源代码，但您不需要编辑它。您需要在实际激活插件的地方添加我发布的代码，例如在代码中的“$（document）.keydown…”块之后。

var thisMonth = moment().format('YYYY-MM');

var temp = [{
    date: thisMonth + '-22',
    type: 1
}, {
    date: thisMonth + '-27',
    type: 2
}, {
    date: thisMonth + '-13',
    type: 1
}];
for (event of temp) {
    $('.calendar-day-' + event.date).addClass('ev-type-' + event.type);
};

.ev-type-1 {
    background: #F00 !important;
    color: #fff !important;
}
.ev-type-2 {
    background: #0F0 !important;
    color: #fff !important;
}