使用 Json 从数据库获取数据到 Fullcalendar.io

Question

在下面的代码中，我试图从数据库中的表中选择事件以在开源日历 Fullcalendar.io 中显示它

public JsonResult GetEvents()
    {
        using (var db = new MyDatabaseEntities())
        {
            var select = from cevent in db.EventTables
                         select new {
                             id = cevent.Id,
                             start = cevent.Start_Time,
                             end = cevent.End_Time
                         };
            var rows = select.ToArray();
            return Json(rows, JsonRequestBehavior.AllowGet);
        }            
    }

问题是我使用以下事件来获取文档中描述的数据：

events: function () {
        $.ajax({ 
            url: 'GetEvents', 
            type: 'GET',
            success: function (result) {
                console.log(result);
            },
            error: function (result) {
                console.log("data is not fetshed from database");
            }
        }); 
    },

当在浏览器中查看控制台时，结果如下：

这就是开始和结束时间保存在数据库中的方式 开始和结束日期格式错误，我无法修复它，请谁能帮忙。

Answer 1

您需要在 ISO8601 日期字符串中返回开始和结束参数的日期。如http://fullcalendar.io/docs/event_data/startParam/

所述

代码应该是：

public JsonResult GetEvents()
{
    using (var db = new MyDatabaseEntities())
    {
        var events = from cevent in db.EventTables
                     select cevent;
        var rows = events.ToList().Select(cevent => new {
                         id = cevent.Id,
                         start = cevent.Start_Time.AddSeconds(1).ToString("yyyy-MM-ddTHH:mm:ssZ"),
                         end = cevent.End_Time.ToString("yyyy-MM-ddTHH:mm:ssZ")
                     }).ToArray();
        return Json(rows, JsonRequestBehavior.AllowGet);
    }            
}

我建议将开始时间增加 1 秒，以避免发生以下事件的冲突： 活动一 10:00 至 11:00 活动2 11:00-11:30

对于 fullcalendar.io，Event2 与 Event1 重叠，因为 Even1 的最后一秒和 Event2 的第一秒。