单击全日历上的“预订”按钮时如何更改事件的颜色

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";

假设您想更改文本颜色。如果你想改变背景颜色，或者背景颜色。