calendar - Pikaday - 不同颜色的不同活动

Question

当我将事件添加到我的日历时，我想指定它的颜色。

例如

我可以添加一个事件并使用 CSS (.has-event) 将其设置为特定颜色，但这会使我的所有事件都具有相同的颜色。我想添加两个不同的事件，每个事件都有一种颜色（黄色和绿色）。

我可以使用以下两种形式之一的事件配置将事件添加到日历中：

events: ['Sat Jun 28 2014'], or 
events: [{ date: new Date('Sat Jun 28 2014'), backgroundColor: '#FDD800', color: '#FFFFFF' }],

我认为最新的一个可以解决我的问题，但它不起作用。你能告诉我我做错了什么吗？

score 0 · Accepted Answer

只有当您将视图从每月更改为每天时，您才能看到不同的颜色。我遇到了问题，这似乎是一个限制。

score -1 · Accepted Answer

我通过在文档中构建样式标签来解决它，没有使用 css 闪烁。

<style>
    [data-pika-year="2021"][data-pika-month="3"][data-pika-day="20"] {
        color: white;
        background-color: blue;
    }
</style>

2 回答 2