Изменить цвет событий Fullcalendar
Я хочу изменить цвет событий при использовании fullcalendar. События успешно отображаются в календаре. Однако я хочу иметь другой цвет, например «красный». Как мне это сделать?
var getBookingsID = function (id, type) {
var table = $('#example').DataTable();
table.clear().draw();
$.ajax({
type: 'GET',
contentType: 'application/json',
url: "/api/Bookings/" + id + '/' + type,
success: function (data) {
var dataToJson = JSON.parse(data);
var cal = $('#calendar');
cal.fullCalendar('removeEvents');
cal.fullCalendar('renderEvents', dataToJson, true);
table.rows.add(dataToJson);
table.columns.adjust().draw();
}
});
};
Рабочий код с новыми цветами для fullcalendar.io, но теперь нужна помощь с вставкой событий в datatable.
var getAllBookings = function () {
var cal = $('#calendar');
cal.fullCalendar('removeEvents');
cal.fullCalendar('addEventSource',
{
id : 'OpenBookings',
url: '/api/Bookings/',
color: 'red',
textColor: 'white'
}
);
cal.fullCalendar('refetchEventSources', "OpenBookings");
};
P.S. Почему вы используете renderEvents и removeEvents вместо того, чтобы напрямую определять источник данных ajax (согласно fullcalendar.io/docs/events-json-feed или согласно fullcalendar.io/docs/events-function, если вам требуется большая настройка запроса ajax), особенно когда вы задали свой последний вопрос всего несколько дней назад, вы делали это разумно (stackoverflow.com/questions/50292112/…) с использованием источников событий
Причина, по которой я не использую источники событий с URL-адресом, заключается в том, что мне нужны данные JSON для имеющейся у меня таблицы данных, также она не будет обновляться при использовании таким образом.
«он не будет обновляться» .... вы можете просто вызвать «refetchEvents», когда захотите вручную обновить его с сервера. fullcalendar.io/docs/refetchEvents. В любом случае, если вам нужны данные для более чем одной задачи, вы все равно можете это сделать, просто используйте модель «события как функция» и одновременно отправьте данные события в другое место, одновременно передав их в fullCalendar.
Я заставил его работать с другим цветом для новых событий. Однако я не уверен, как заставить его работать со вставкой событий в мою таблицу данных, теперь, когда я использую вместо этого вызов Fullcalendar ajax. Не могли бы вы показать мне, как вы бы это сделали? См. Новый код в моем вопросе.
ну, пожалуйста, отредактируйте вопрос, чтобы показать свой текущий код, чтобы я мог понять, что вы сделали, и, возможно, я смогу помочь
ну, на самом деле, если вы читаете мой более поздний комментарий, я предлагал вам сделать это в соответствии с этим типом шаблона: fullcalendar.io/docs/events-function (события как функция), чтобы у вас был прямой доступ к данным, возвращаемым ajax, прежде чем вы передадите их в fullCalendar.
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
