Fullcalendar js цвет события как json - PullRequest
Новая
       87

Fullcalendar js цвет события как json

0 голосов
/ 26 мая 2020

Я использую fullcalendar и могу отображать источники событий из потока json с помощью рельсов. https://fullcalendar.io/docs/events-json-feed

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

[{"id"=>101, "style"=>"Phone Call", "location"=>"", "created_at"=>Tue, 26 May 2020 14:31:08 UTC +00:00, "updated_at"=>Tue, 26 May 2020 15:17:48 UTC +00:00, "summary"=>"test", "organizer"=>"somePerson", "job_id"=>194, "start"=>Mon, 27 Jan 2020 18:00:00 UTC +00:00, "title"=>"test", "contacts"=>[], "eventColor="=>"#06fff7"}]

Обратите внимание, что установлено "eventColor =" => "# 06fff7".

Однако он всегда отображает все события в одном цвете ... не в указанном.

Можно ли установить цвет события с помощью потока json?

Я играл с разными вариантами, такими как colro, backgroundColor и c. Я использовал шестнадцатеричные значения или названия цветов (например, «желтый»).

Безуспешно. Я действительно не понимаю, что делаю неправильно.

Любая помощь приветствуется.

=== UPDATE ===

вот json, это получил браузер: 

eventColor: "yellow"
contacts: []
created_at: "2020-05-26T14:31:08.663Z"
id: 102
location: ""
organizer: "som eperson "
start: "2020-01-27T18:00:00.000Z"
style: null
summary: "test"
title: "test"
updated_at: "2020-05-26T14:31:08.738Z"

информация отображается корректно. Однако цвет не распознается.

Я инициализирую календарь следующим образом: 

var calendar = new Calendar(calendarEl, {
    header: { center: 'dayGridMonth,timeGridWeek,listMonth' },
    plugins: [ listPlugin, timeGridPlugin, dayGridPlugin, bootstrapPlugin ],
    defaultView: 'dayGridMonth',
    height: 'auto',
    width: 'auto',
    editable: true,
    scrollTime: '08:00:00',
    themeSystem: 'bootstrap',
    events: '/jobs/' + jobId +  '/interviews.json',

    }

Я удалил тему bootstrap, чтобы посмотреть, имеет ли это значение, но это не так.

...