помечать перекрывающиеся события в полном календаре цветом фона ячейки - PullRequest
2 голосов
/ 03 мая 2011

Я использую fullcalendar, чтобы показать разные даты различных туров в качестве события.В какой-то момент люди имеют возможность присоединиться к другому туру, потому что место проведения мероприятия пересекается на несколько дней.Это означает, например, два события в один и тот же день

Можно ли изменить цвет фона ячейки, чтобы указать на него?

Например, 13-14.Октябрь события пересекаются.Поэтому другой цвет фона, например, желтый, прояснит это.

1 Ответ

1 голос
/ 03 мая 2011

Вам нужно добавить строку в fullcalendar.css

.fc-state-intersect
{
    background: green;
    display:none;
}

Затем вам нужно программно добавить этот класс в ваш ответ JSON, чтобы он выглядел примерно так

... {"title":"Intersect",
     "start":"2011-05-04T00:00:00",
     "end":"2011-05-04T00:00:00",
     "allDay":true,
      "className":".fc-state-intersect" <-- 
...

Как обсуждалось в наших комментариях, вам нужно будет сгенерировать отдельный канал или, возможно, даже добавить в ваши существующие каналы эти события в рассчитанные вами пересекающиеся даты.

Отображение: ни один не означает, что фактическое событиене показывает - мы только используем это, поэтому он применяет цвет к наложенным ячейкам

Добавление этих событий должно быть довольно простым.Но тяжелая работа должна быть сделана на стороне сервера, вычисляя, куда вставить эти скрытые события

В FullCalendar нет встроенной функции для этого.

...