javascript - Bootstrap jQuery 日历

Question

我在 http://bootstrap-calendar.azurewebsites.net/index-bs3.html 找到了一个很棒的开源日历

我正在尝试按照[链接已删除]所述加载此项目

在演示中，日历的一侧有一个动态列表，当您滚动浏览时，它会更新事件。与演示不同的是，我的事件没有在日历 View 中列出。他们不会出现在日历上! :(

我确实添加了几个额外的 json 数据选项，但所需的选项没有更改。这是我的 json 数据的示例:

{
  "success": 1,
  "result": [{
    "id": "########",
    "title": "Event NAme",
    "start_time": "2014-08-23T18:30:00-0500",
    "start": "1408836600",
    "end_time": "",
    "end": "0",
    "class": "event-info",
    "url": "http://..."
  }]
}

我不认为这是一个错误，但不确定为什么它没有按预期工作。

他们的代码:

onAfterEventsLoad: function(events) {
        if(!events) {
            return;
        }
        var list = $('#eventlist');
        list.html('');

        $.each(events, function(key, val) {
            $(document.createElement('li'))
                .html('<a href="' + val.url + '">' + val.title + '</a>')
                .appendTo(list);
        });
    },

我的代码:

'onAfterEventsLoad': function(events) {
            if(!events) {
                return;
            }
            var list = $('#eventlist');
                list.html('');

            $.each(events, function(key, val) {
                var d = new Date(val.start_time),
                date = weekday[d.getDay()] + ", " + monthNames[d.getMonth()] + " " + d.getDate() + ", " + d.getYear();
                $(document.createElement('li'))
                    .html('<a title="' + date + '" href="' + val.url + '">' + val.title + '</a><br/><small>' + jQuery.timeago(d) + '</small>')
                    .appendTo(list);
            });
        },

Answer 1

您尝试从中加载事件的 url 只是返回 {"success":1} 而不是要遍历 onAfterEventsLoad 处理程序的任何事件。

这就是你的问题的原因，据我所知，日历代码工作正常。