Как изменить цвет события при нажатии кнопки «книга» в календаре

Question

Я пытаюсь изменить цвет события, когда пользователь нажимает кнопку «книга». По умолчанию кнопка имеет зеленый цвет, но при щелчке она меняется на оранжевый.

            $(' #eventBook').click(function () {
                var json = {
                    'Id': $('#eventBookId').val(),
                    'Title': $('#eventBookTitle').val(),
                    'Start': $('#eventBookStart').val(),
                    'End': $('#eventBookEnd').val(),
                    'AllDay': $('#eventBookAllDay').is(":checked") ? true : false,
                    'Description': $('#eventBookDescription').val(),
                    'Color': "Orange"//$('#eventBookColor').val()
                };

                console.log('Updating event json', json);
                $.ajax({
                    type: "POST",
                    url: '/TimeTable/BookEvent',
                    data: json,
                    dataType: 'json',
                    success: function (data) {
                        //refresh the calender
                        FetchEventsAndRenderCalendar();
                    },
                    error: function () {
                        alert('Booking Could not be Saved');
                    }
                });
                // close Modal
                $('#eventModal').modal('hide');

            });

Это мой сервисный метод обновления класса в базе данных.

        public bool BookEvent(TimeTableEvent t)
        {
            var existing = db.TimeTableEvents.Where(a => a.Id == t.Id).FirstOrDefault();
            if (existing != null)
            {
                existing.Title = t.Title;
                existing.Start = t.Start;
                existing.End = t.End;
                existing.Description = t.Description;
                existing.Color = "Orange";
                existing.AllDay = t.AllDay;
                db.SaveChanges();
                return true;
            }
            return false;
        }

Любая помощь будет принята с благодарностью.

Answer 1

Используйте следующее:

document.getElementById("eventBook").style.color= "orange";

при условии, что вы хотите изменить цвет текста. Или backgroundcolor, если вы хотите изменить цвет фона.