Синтаксис источника события jQuery Full Calendar json

Я пытаюсь использовать полный календарь для загрузки событий из источника json. Json - это URL-адрес, например, "mysite.com/getEvents" (который возвращает объект события json). Прямо сейчас он возвращает объект

{"allDay":false,"end":1325577600,"start":1325577600}

Я пробовал

$('#calendar').fullCalendar({
    events: 'mysite.com/getEvents'
});

Но ничего не происходит. Я знаю, что у моего json нет названия и идентификатора. Итак, у нас есть 2 вопроса.

  • Каков правильный способ получить события из json url
  • Как мне создать идентификатор для каждого созданного события?

Ответы

Ответ 1

Вы должны попробовать создать JSON, чтобы иметь все необходимые поля. Например, в моем проекте достаточно:

  • ID
  • название
  • старт
  • конец
  • AllDay

Я думаю, что идентификатор должен быть уникальным для этого экземпляра канала JSON, поэтому вы можете просто увеличить счетчик на стороне сервера script, который генерирует JSON.

Пример вывода из JSON script:

[
    "0",
    {
        "allDay": "",
        "title": "Test event",
        "id": "821",
        "end": "2011-06-06 14:00:00",
        "start": "2011-06-06 06:00:00"
    },
    "1",
    {
        "allDay": "",
        "title": "Test event 2",
        "id": "822",
        "end": "2011-06-10 21:00:00",
        "start": "2011-06-10 16:00:00"
    }
]

Ответ 2

Когда я использую синтаксис в принятом ответе, я получаю четыре события в календаре, а не два. Эти два дополнительных причудливо озаглавлены "12:44". По-моему, я удалил строки "0" и "1", и теперь он отлично работает:

[
  {
    "title": "Ceramics",
    "id": "821",
    "start": "2014-11-13 09:00:00",
    "end": "2014-11-13 10:30:00"
  },
  {
    "title": "Zippy",
    "id": "822",
    "start": "2014-11-13 10:00:00",
    "end": "2014-11-13 11:30:00"
  }
]

Ответ 3

Я знаю, что это старый пост, но другие могут искать это...

Вам нужно иметь скобки вокруг вашего json-ответа, похоже, ожидает массив объектов:

[
    {
        "title":"foo1",
        "id":"123",
        "start":"2016-02-12T10:30:00",
        "end":"2016-02-12T12:30:00"
    },

    {
        "title":"foo2",
        "id":"456",
        "start":"2016-02-14T10:30:00",
        "end":"2016-02-14T12:30:00"
    }
]