Fullcalendar 不显示事件 MVC

Question

我在测试页上使用最新的全日历制作了一个测试页，但它不会显示日历中的事件，有什么想法吗？

@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Cal</title>
    <script src="https://cdn.jsdelivr.net/npm/fullcalendar@5.9.0/main.min.js"></script>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fullcalendar@5.9.0/main.min.css">
    <script>

        document.addEventListener('DOMContentLoaded', function () {
            var calendarEl = document.getElementById('calendar');
            var calendar = new FullCalendar.Calendar(calendarEl, {
                initialView: 'dayGridMonth',
                events: 'CalEvents/'
            });
            calendar.render();
        });

    </script>
</head>
<body>
    <div id='calendar'></div>
</body>
</html>

这是控制器代码：

public ActionResult Cal()
{
   return View();
}

public JsonResult CalEvents()
{
   using (_context)
   {
       var events = _context.CalendarEventsNews.ToList();
       return Json(events.ToArray(), JsonRequestBehavior.AllowGet);

   }
}

这是回复：

[{"id":1,"eventName":"Test","eventDescription":"Testing Description","eventLocation":"UK","startDate":"\/Date(1633561200000)\/","endDate":"\/Date(1633730400000)\/","allDay":false}]

Answer 1

正如 ADyson 指出的那样，问题出在我没有正确阅读文档。字段名称已更改，现在工作正常。

再次感谢 ADyson 指出问题。

Fullcalendar 不显示事件 MVC

Fullcalendar Not Displaying Events MVC

asp.net-mvc

model-view-controller

fullcalendar

fullcalendar-5