Настройка представления по месяцу с помощью FullCalendar

Question

Я изменил тег className на ежедневном и еженедельном просмотре FullCalendar , чтобы отображать состояние элементов в календаре.

Проблема в месячном просмотре, все события оформлены одинаково. Есть ли способ переопределить это с помощью пользовательского тега CSS? Я пытался color, но, похоже, это не сработало.

Спасибо.

Answer 1

Убедитесь, что вы используете отдельный className для событий, которые вы хотите отобразить отдельно.Например:

events: [
    {
        title: 'All Day Event',
        start: new Date(y, m, 1),
        className: 'Myevent_1'
    },
    {
        title: 'Long Event',
        start: new Date(y, m, d-5),
        end: new Date(y, m, d-2),
        className: 'Myevent_2'
    },
    ... ...

Затем структурируйте стили следующим образом (как минимум):

.Myevent_1, .Myevent_1 .fc-event-skin {
    background: gold;
}
.Myevent_2, .Myevent_2 .fc-event-skin {
    background: red;
}

См. Демонстрацию на jsFiddle.

Answer 2

Спасибо, Брок.

Проблема, которую я использовал:

.subOpen,
.fc-agenda .subOpen .fc-event-time,
.subOpen a {
    background-color:#FFFF33;
    color: #000000;
}

Я фактически обновился с FullCalendar 1.3 до 1.5.1, который теперь может быть передан следующим образом как часть EvenОбъект.

цвет , backgroundColor , BorderColor и textColor . Ссылка: объект события FullCalendar

При использовании они переопределяют CSS в fullCalendar.css, а также корректно передают настройки всем представлениям.

Поэтому вместо использования CSS IЯ передаю настройки цвета с данными о событиях следующим образом.

 [{"title":"Thomas Trutt","start":"2011-05-30 09:00","end":"2011-05-30 22:00","id":"28","opID":"3","allDay":false,"color":"#36F"}]

Это работает, поскольку все мои события извлекаются из базы данных.

Еще раз спасибо