Javascript 如何在mvc中创建事件日历

我想在asp.net MVC中执行事件/计划程序日历。到目前为止，我已经为中的数据库表编写了这段代码，但有些东西不起作用

控制器代码：

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

       public JsonResult GetEvents()
    {
        var events = db.MedicationTrackers.ToList();
        return new JsonResult { Data = events, JsonRequestBehavior = JsonRequestBehavior.AllowGet };
    }

和视图索引代码

@model IEnumerable<LICENTA.Database.MedicationTracker>

@{
    ViewBag.Title = "Index";
}

<h2>Index</h2>

@model IEnumerable
@{
ViewBag.Title=“Index”；
}
指数

@节脚本{
$（文档）.ready（函数（）{
var事件=[]；
$.ajax({
键入：“获取”，
url:“/MedicationTrackers/GetEvents”，
成功：功能（数据）{
$.each（数据，函数（i，v）{//i=index v=value
事件。推({
标题：v.ID成员，
描述：静脉吸毒，
开始：力矩（v.开始），
结束：v.停止！=零？力矩（v.结束）：零，
状态：v.状态
})
})
GenerateCalendar（事件）；
},
错误：函数（错误）{
警报（“发生错误！！”）
}
})
})
函数GenerateCalendar（事件）{
$（'Calendar'）.fullCalendar（'destroy'）；//首先清除
$（“日历”）.fullCalendar({
身高：400，
defaultdate:新日期（），
时间格式：“h（：mn）a'，
标题：{
左：“上一个，下一个今天”，
中心：'标题'，
右图：“月、基本周、基本日、日程”
},
eventlimit：对，
eventcolor:“#378006”，
事件：事件
}}

---

当我运行项目时，会出现ajax错误。我试图只测试日历，看看它是否工作，但它不会出现在页面上。

A

calendar

不是html元素。您需要在视图中添加一个id为的

div

：

<div id="calendar"><div>

---

什么ajax错误？如果您遇到错误，请告诉我们它说了什么！

<div id="calendar"><div>

    function GenerateCalendar(events) {
            $('#calendar').fullCalendar('destroy'); //clear first
            $('#calendar').fullCalendar({
                contentheight: 400,
                defaultdate: new date(),
                timeformat: 'h(:mn)a',
                header: {
                    left: 'prev,next today',
                    center: 'title',
                    right: 'month, basicweek, basicday, agenda'
                },
                eventlimit: true,
                eventcolor: '#378006',
                events: events 
            });
     }