全日历。突出显示事件的单元格背景

Question

我正在将事件数组传递给 FullCalendar，它工作正常。但是如何根据事件标题突出显示单元格背景？目前我正在尝试使用以下选项：

public async Task<JsonResult> GetQuota(string fromtype, string fromcode, string totype, string tocode, string airservice)
        {
            byte[] stream = HttpServerUtility.UrlTokenDecode(Request.Cookies["psw"].Value);
            byte[] decodedValue = MachineKey.Unprotect(stream, "all");
            var psw = Encoding.UTF8.GetString(decodedValue);
            var q = await _qr.GetQuota(User.Identity.Name, psw);
            var c = new List<Calendar>();
            foreach (var d in q.QuoteItems.Where(x => x.Quote != "none"))
            {
                c.Add(new Calendar()
                {
                    title = d.Quote,
                    start = String.Format("{0}-{1}-{2}", d.Date.Substring(0, 4), d.Date.Substring(4, 2), d.Date.Substring(6, 2)),
                    end = String.Format("{0}-{1}-{2}", d.Date.Substring(0, 4), d.Date.Substring(4, 2), d.Date.Substring(6, 2)),
                    backgroundColor = "#ff0000"
                });
            }
            return Json(c, JsonRequestBehavior.AllowGet);
        }

但是这个 return 事件不需要格式化。

Answer 1

为此尝试文档 Click here for more details

eventRender: function(event, element) {
    if(event.title == 'xyz') {
       //implement your logic here
    }
}

在月视图的情况下，单元格具有数据日期属性，您可以从中获取日期 event.start 格式化它并比较您的标准。

全日历。突出显示事件的单元格背景

Fullcalendar. Highlight cell background of event

css

jquery

fullcalendar