Bootstrap jQuery Calendar

Question

I've found an awesome open source calendar at http://bootstrap-calendar.azurewebsites.net/index-bs3.html

I'm trying to load this project as described [link removed]

As in the demo, there is a dynamic list on the side of the calendar that does update with the events as you scroll through. How ever unlike the demo, my events are not getting listed in the calendar view. They don't show up on the calendar! :(

I did add a couple extra json data options, but the required ones weren't changed. Here's an example of my json data:

{
  "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://..."
  }]
}

I don't think it's a bug, but not sure why it's not working as expected.

Their code:

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);
        });
    },

My code:

'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

The url you are trying to load events from is simply returning {"success":1} and not any events for the onAfterEventsLoad handler to iterate through.

This is the cause of your problem, the calendar code is all working fine as far as I can see.