Выделение событий, нажатых в fullcalendar, и удаление выделения, когда пользователь снова нажимает на событие. - PullRequest
0 голосов
/ 04 июня 2019

Я использую 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';
                }
            });


         };

Но я не могу понять, как убрать выделение при повторном нажатии на то же событие.Заранее спасибо

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...