Блог

Я хочу указать цвет события, когда добавлю его в свой календарь.

Например

Я могу добавить событие и присвоить ему определенный цвет с помощью CSS (.has-event), но это делает все мои события одного цвета. Я хочу добавить два разных события, и каждое событие имеет один цвет (желтый и зеленый).

Я могу добавлять события в календарь, используя конфигурацию событий в одной из двух форм:

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

Я бы подумал, что самый последний способ решит мою проблему, но он не работает.
Не могли бы вы сказать мне, что я делаю не так?

вы можете видеть разные цвета только при изменении вида, скажем, с ежемесячного на ежедневный. У меня была проблема, и, похоже, это ограничение.

Я решил это, создав тег стиля в документе, он не мигает с помощью css.

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