Я использую fullcalendar с angularjs и использую eventClick of fullcalendar, чтобы получить значения событий, по которым щелкнули.Чего я хочу добиться, так это когда пользователь щелкает по событию, событие, по которому щелкнули, должно выделяться другим цветом, и если пользователь снова щелкает по тому же событию, выделение должно быть удалено.Как этого добиться? Пожалуйста, найдите код ниже
$scope.showCalendar = function()
{$scope.clickClass = "";
$scope.CalendarEl = document.getElementById('Calendar');
$scope.classCalendar = new FullCalendar.Calendar($scope.CalendarEl, {
header: {
right:'prev,next,today',
center:'title',
left: ''
},
events: [],
plugins: [ 'dayGrid','timeGrid','list' ],
eventClick: function(info)
{
console.log("---$$$$----"+info.event.title);
$scope.clickClass = info.event.title;
$scope.addDisable = false;
}
});
};
Также обратите внимание, что у меня есть события, которые охватывают более одного дня в календаре
ОБНОВЛЕНО
Я придумала решение частично выделить событие clicked следующим образом:
$scope.showCalendar = function()
{$scope.clickClass = "";
$scope.CalendarEl = document.getElementById('Calendar');
$scope.classCalendar = new FullCalendar.Calendar($scope.CalendarEl, {
header: {
right:'prev,next,today',
center:'title',
left: ''
},
events: [],
plugins: [ 'dayGrid','timeGrid','list' ],
eventClick: function(info)
{
console.log("---$$$$----"+info.event.title);
$scope.clickClass = info.event.title;
$scope.addDisable = false;
info.el.style.backgroundColor = 'red';
}
});
};
Но я не могу понять, как убрать выделение при повторном нажатии на то же событие.Заранее спасибо