Как рисовать переменный фон в ячейке дня?

Question

Я ищу способ (за исключением фонового изображения), чтобы установить фон календарного дня на несколько цветных полос. Например, 17-й, возможно, потребуется половина верхней половины светло-голубой, а нижняя половина - светло-желтая. Или дневной фон может быть разделен на 3 или 4 горизонтальные полосы, причем каждый день отличается. Любые идеи с использованием CSS?

Если нет, то каков метод свойства для установки фонового изображения определенного дня в javascript?

Благодаря

Answer 1

Я бы ничего не делать с JavaScript. Вы можете просто отредактировать CSS для «сегодняшней» ячейки.

.fc-state-highlight { 
    background: #ffc; 
} 

Это исправит. Кроме того, я бы рассмотрел также использование градиентов CSS. http://gradients.glrzad.com/

Если вы хотите изменить javascript, так как FullCalendar использует jQuery. Вы можете написать функцию для взаимодействия с датой и сделать ее случайной. Я не совсем уверен, могу ли я подумать об этом прямо сейчас. В идеале, добавьте класс в каждый день.

$('.fc-state-highlight').css({"background":"GRADIENT"}); 

Однако на данный момент. Я бы рекомендовал использовать функции на http://arshaw.com/fullcalendar/docs/display/