FullCalendar, как изменить класс события в функции eventClick - PullRequest
Новая
       13

FullCalendar, как изменить класс события в функции eventClick

0 голосов
/ 21 апреля 2019

Мой календарь инициализируется событиями из скрипта ajax-php. События имеют простой класс CSS с зеленым цветом фона для доступных событий и красным цветом фона для недоступных событий.

Мне нужно, чтобы при нажатии на зеленое событие оно стало красным, чтобы установить его недоступным. 

var calendarEl = document.getElementById('calendar');
$('#calendar').empty();
var calendar = new FullCalendar.Calendar(calendarEl, {
    plugins: ['timeGrid'],
    defaultView: 'timeGridWeek',
    minTime: '08:00:00',
    maxTime: '18:00:00',
    allDaySlot: false,
    weekends: false,
    defaultDate: jdata.defaultDate,
    contentHeight: 'auto',
    locale: 'es',
    eventClick: function (info) {
        var dia = moment(info.event.start).format("DD/MM/YYYY");
        var hora = moment(info.event.start).format("HH:mm");

        if (info.event.classNames[0] == 'completo') {
            return;
        }

        reservarSala(info.event, sala_id);
    },
    events: jdata.events
});
calendar.render();

1 Ответ

1 голос
/ 21 апреля 2019

В документации говорится, что к HTML-элементу события можно получить доступ с помощью el : 

var check_color = info.el.style.background

if(check_color == “green”) {
    info.el.style.background = “red” 
} else {
    info.el.style.background = “green”
}
...