Как получить доступ к полю JSON в Fullcalendar?

Question

Я занимаюсь разработкой инструмента назначения в PHP / jQuery.Я получаю все встречи в виде объекта JSON, как показано ниже:

[
  {
    "title": "Appointment with Zach Green{3}",
    "appointment_id": "3",
    "start": "2019-01-30T10:30:00",
    "end": "2019-01-30T11:45:00",
    "backgroundColor": "#226fbe",
    "borderColor": "#226fbe"
  },
  {
    "title": "Appointment with Mark Sammons{4}",
    "appointment_id": "4",
    "start": "2019-01-29T11:30:00",
    "end": "2019-01-29T12:45:00",
    "backgroundColor": "#226fbe",
    "borderColor": "#226fbe"
  }
]

В настоящее время я передаю appointment_id, добавляя заголовок и анализируя идентификатор в jQuery.Тем не менее, appointment_id отображается в календаре, который я хотел бы избежать.

Прилагается скриншот календаря

Любойидея как это сделать?

Answer 1

Хотя fullCalendar указывает свойства для события, которое он распознает и будет по-разному влиять на функциональность календаря, ничто не мешает вам добавлять пользовательские свойства для вашего события в JSON, как вы это сделали.

В любое время в жизненном цикле события, где вы можете получить доступ к необработанному event объекту, который хранится в fullCalendar, у вас также есть доступ к вашим пользовательским данным.

Вы не сказали точно, что вы хотите сделать с ID встречи, но, например, если вы хотите использовать его для какой-то цели, когда кто-то нажимает на событие, тогда eventClick обратный вызов дает вам возможность получить доступ к свойствам события clicked.

Итак, в качестве очень простого примера вы должны написать:

eventClick: function(event, jsEvent, view)
{
  alert("Appointment ID:" + event.appointment_id);
}

И это будет показывать окно с предупреждением, когда пользователь нажимает на ваше событие.

Answer 2

Вместо указания заголовка вы можете установить собственный атрибут и получить его из события.

например:

<input type="hidden" data-id="yourid here" class="appoimentId">

$('.appoimentId').click(function(){
   //id on each item click
   console.log($(this).attr('data-id'));
})