Я хотел бы для передачи цветов для событий через мой json источник событий для jQuery fullcalendar, как я достигаю этого?
Нет ничего проще. Если вы проверите документацию jQuery Fullcalendar Цвета событий , вы увидите, что есть параметр className
, который вы можете указать для каждого объекта события. Содержимое этого параметра добавляется как класс к событиям, поэтому вам нужно только указать CSS с соответствующим именем.
События (обратите внимание на параметр className
для event1)
[
{
title : 'event1',
start : '2012-06-10',
className : 'custom',
},
{
title : 'event2',
start : '2012-06-05',
end : '2012-06-07'
},
{
title : 'event3',
start : '2012-06-09 12:30:00',
allDay : false
}
]
CSS, чтобы сделать event1
по-другому
.custom,
.custom div,
.custom span {
background-color: green; /* background color */
border-color: green; /* border color */
color: yellow; /* text color */
}
Проверить здесь http: // jsbin .com / ijasa3 / 96 для быстрого ознакомления. Обратите внимание на то, что у event1 зеленый фон и желтый цвет текста.
Другой жизнеспособный способ использования параметров, описанных в jQuery Fullcalendar Цвета событий , может быть следующим:
Использовать разные источники событий для событий, которым нужен другой цвет:
$('#calendar').fullCalendar({
...
eventSources: [
//a full blown EventSource-Object with custom coloring
{
events: [
{
title : 'event1',
start : '2012-06-10'
}
],
backgroundColor: 'green',
borderColor: 'green',
textColor: 'yellow'
},
//a normal events-array with the default colors used
[
{
title : 'event2',
start : '2012-06-05',
end : '2012-06-07'
},
{
title : 'event3',
start : '2012-06-09 12:30:00',
allDay : false
}
]
],
...
});