使用SQL Server填充全日历

Question

我在这里看到了有关此主题的几个问题，但似乎无法使用提供的方法正确显示我的全部日历，因此我希望有人可以帮助我解决问题。

我的JSON feed似乎正确填充，尽管我看到有人说它仅适用于单引号，而其他人仅适用于双引号。 （可能是整个供稿中的双引号引起了问题？）

"[{"title":"change1","start":"2016-10-17T10:00:00","end":"2016-10-17T12:00:00","allDay":false},{"title":"change2","start":"2016-10-18T10:00:00","end":"2016-10-18T12:00:00","allDay":true},{"title":"change3","start":"2016-10-19T10:00:00","end":"2016-10-19T12:00:00","allDay":false}]"

calendar.aspx.cs：

public class Event
        {
            public string title;
            public string start;
            public string end;
            public bool allDay;
        }
        [WebMethod]
        public static string GetEvents()
        {
            var events = new List<Event>();
            var sqlQuery = "SELECT title, starttime, endtime, allDay FROM [DeploymentDashboard].[dbo].[ChangeCalendar]";

            using (var sqlConnection = new SqlConnection("Data Source=*server*;Initial Catalog=DeploymentDashboard;Integrated Security=True;"))
            {
                using (var cmd = new SqlCommand(sqlQuery, sqlConnection))
                {
                    sqlConnection.Open();
                    using (var reader = cmd.ExecuteReader())
                    {
                        if (reader.HasRows)
                        {
                            while (reader.Read())
                            {
                                events.Add(new Event()
                                {
                                    start = DateTime.Parse(reader["starttime"].ToString()).ToString("s"),
                                    end = DateTime.Parse(reader["endtime"].ToString()).ToString("s"),
                                    title = reader["title"].ToString(),
                                    allDay = (bool)reader["allDay"]
                                });
                            }
                        }
                    }
                    sqlConnection.Close();
                }
            }

        var theSerializer = new JavaScriptSerializer();
        return theSerializer.Serialize(events);
    }

calendar.aspx：

<script>
    $(document).ready(function () {
        $.ajax({
            type: "POST",
            url: "calendar.aspx/GetEvents", 
            data: "{}",
            contentType: "application/json; charset=utf-8",
            dataType: "json"
        }).done(function (data) {
            $('#calendar2').fullCalendar({
                header: {
                    left: 'prev,next today',
                    center: 'title',
                    right: 'month,agendaWeek,agendaDay'
                },
                events: data.d
            });
        });
    });
</script>

Answer 1

尝试这个：

var eventsArray = [{"title":"change1","start":"2016-10-17T10:00:00","end":"2016-10-17T12:00:00","allDay":false},{"title":"change2","start":"2016-10-18T10:00:00","end":"2016-10-18T12:00:00","allDay":true},{"title":"change3","start":"2016-10-19T10:00:00","end":"2016-10-19T12:00:00","allDay":false}]

$('#calendar2').fullCalendar({
  events: eventsArray
});

Answer 2

这应该解决它。

events: JSON.parse(data.d); 

这有所帮助： https : //www.w3schools.com/js/js_json_parse.asp

假设我们从网络服务器收到了以下文本：

'{“名称”：“约翰”，“年龄”：30，“城市”：“纽约”}'

使用JavaScript函数JSON.parse（）将文本转换为JavaScript对象：

var obj = JSON.parse（'{“ name”：“ John”，“ age”：30，“ city”：“ New York”}'）;