Fullcalendar 2.5 eventSource url附加的开始和结束日期格式不正确

Question

因此，我正在AngularJS应用程序中将fullcalendar从1x升级到2x的过程中，遇到了一些问题，收集日历事件所需的eventSource url在需要以秒为单位时附加了格式为（YYYY-MM-DD）的开始和结束参数日期——我认为——至少这是我们在1x版本中使用的。

当我的控制器被实例化时，我要做的第一件事就是建立传递到fullcalendar指令所需的eventSources变量（我使用的是angular fullcalendarwrapper指令：http://angular-ui.github.io/ui-calendar/)。

HTML:

<div id="calendar" class="col-sm-9" ng-model="eventSources" calendar="myCalendar" config="uiConfig.calendar" ui-calendar="uiConfig.calendar"></div>

控制器：

$scope.eventSources = [];
for (var i = 0; i < calendars.length; i++) {
    $scope.eventSources[i] = getEventSource(calendars[i]);
}
var getEventSource = function(calendar) {
        return {
            cid: calendar.cal_head_id,
            url: "/api/classroom/student/calendar?ids=" + calendar.cal_head_id,
            className: 'calendar-' + calendar.sort_order,
            backgroundColor: calendar.color_code
        };
    };

然而，我的字符串参数一直显示为：

ids=2525213&start=2015-11-30&end=2016-01-11&_=1449868998385

最后是我的服务器端代码来处理请求：

[ActionName("calendar")]
        public JsonArray GetCalendarEvents(string ids, int start, int end)
        {
            var calendars = ids.Split(',');
            var startDate = new DateTime(1970, 1, 1, 0, 0, 0).AddSeconds(start);
            var endDate = new DateTime(1970, 1, 1, 0, 0, 0).AddSeconds(end);
            var data = new CalendarService().GetEvents(calendars, 0, startDate, endDate);
            var events = new JsonArray();
            var results = (JsonArray) data["results"];
            foreach (JsonObject obj in results)
            {
                var name = ((JsonString) obj["name"]).Value;
                if (name == "<b>Homework</b>")
                {
                    name = "<img src=/images/icons/house.png /> Homework";
                }
                var link = ((JsonString) obj["link"]).Value;
                if (!string.IsNullOrEmpty(link) && link.Contains("doEditEvent"))
                {
                    link = "";
                }
                var eventStart = Convert.ToDateTime(obj["start_time"].ToString());
                var eventEnd = Convert.ToDateTime(obj["end_time"].ToString());
                events.Add(new JsonObject
                {
                    {"id", obj["event_id"]},
                    {"calId", obj["calendar_id"]},
                    // Note: Firefox requires the dates are in the below format - JD 6/12/2013
                    {"start", eventStart.ToString("o")},
                    {"end", eventEnd.ToString("o")},
                    {"allDay", eventStart == eventEnd.AddMinutes(1).AddDays(-1)},
                    {"title", name},
                    {"link", link},
                    {"description", obj["description"]}
                });
            }
            return events;
        }

手动添加开始和结束的问题是，fullcalendar默认情况下会这样做，因此它会多次连接参数。根据从1x升级到2x的文档(http://fullcalendar.io/wiki/Upgrading-to-v2/)库更新为使用moment，这很好，因为我认为这可以解决任何格式问题，而且我的项目中肯定包含了这一点。

我在这里寻找一个解决方案，希望它不会涉及我篡改完整的日历源代码，否则我需要回到1x。

Answer 1

startParam和endParam从v1更改为v2，从UNIX时间戳更改为ISO8601样式的日期字符串。您必须添加包含时间戳的附加参数，破解fullcalendar.js以发送时间戳，重新编写服务器端代码，或者使用v1.xx

对于您的服务器端代码，似乎您可以将其更改为

[ActionName("calendar")]
        public JsonArray GetCalendarEvents(string ids, string start, string end)
        {
            var calendars = ids.Split(',');
            var startDate = DateTime.parse(start);
            var endDate = DateTime.parse(end);

如果您想将"start"one_answers"end"重写为UNIX标记，这可能会起作用。

在这里看小提琴

$('#calendar').fullCalendar({
  /* You can rename the start and end params from 'start' and 'end' */
  /* In this code, 'start', 'end' and 'startDate' and 'endDate' will be on URL */
  startParam: 'startDate',
  endParam: 'endDate',
  eventSources: [{
    url: '/test', /* Set this to whatever is appropriate */
    data: function() {
        var view = $('#calendar').fullCalendar('getView');
      return {
        /* Then you can change 'start' and 'end' in the URL to be UNIX stamps */
        'start': view.start.unix(),
        'end': view.end.unix(),
      };
    },
    /* This is just to demo the URL being queried, not required */
    beforeSend: function () {
        alert(this.url);
    }
  }]
});