MVC项目中FullCalendar无法显示数据,请求排查代码问题
FullCalendar数据无法在MVC项目日历中展示的问题排查请求
我在MVC项目里通过NuGet安装了FullCalendar组件,现在能成功从后端获取到数据,但这些数据就是没法在日历上显示出来。我怀疑问题出在GenerateCalendar函数里,下面是相关的代码和控制台输出,麻烦帮忙排查一下:
MVC Action方法
public JsonResult GetEvents() { dbContext = new Context(); var events = dbContext.Schedule.ToList(); return new JsonResult { Data = events, JsonRequestBehavior = JsonRequestBehavior.AllowGet }; }
视图代码
<link href="~/Content/fullcalendar.min.css" rel="stylesheet" /> <script src="~/Content/PanelJS/jquery.min.js"></script> <script src="~/Content/PanelJS/moment.min.js"></script> <script src="~/Scripts/fullcalendar.min.js"></script> <script> $(document).ready(function () { var events = []; $.ajax({ type: "GET", url:"@Url.Action(\"GetEvents\",\"Schedule\")", success: function (data) { $.each(data,function(i,v) { events.push({ title: v.Name, start: v.Date, end: v.EndDate, location:v.Location }); console.log(events); }) GenerateCalendar(events); }, error:function(error) { alert('Error'); } }); function GenerateCalendar(events) { $('#calendar').fullCalendar('destroy'); $('#calendar').fullCalendar( { contentHeight: 400, defaultDate: new Date(), color:'lightBlue', timeFormat: 'h(:mm)a', header: { left: 'prev,next today', center: 'title', right:'month,basicWeek,basicDay,agenda' }, eventLimit: true, eventColor: '#378006', events:events }) } }); </script>
控制台输出结果
end: "10/05/2018 "location: "Chicago" start: "09/05/2018" title: "MyEvent"
内容的提问来源于stack exchange,提问作者user9582479
相关产品推荐
相关产品推荐

