Добавить дополнительные поля в fullcalendar

Question

Мне нужно создать больше полей для моего календаря (fullcalendar подключен к mysql с помощью php).И я читал об EventRender, но я не совсем уверен в синтаксисе и о том, где я должен его поместить.

В настоящее время у меня есть следующее:

$calendar.fullCalendar({
  timeslotsPerHour : 4,
  defaultView:'agendaWeek',
  allowCalEventOverlap : true,
  overlapEventsSeparate: true,
  firstDayOfWeek : 1,
  businessHours :{start: 8, end: 18, limitDisplay: true },
  daysToShow : 7,
        theme: true,
        header: {
            left: 'prev,next today',
            center: 'title',
            right: 'month,agendaWeek,agendaDay'
        },

        editable: true,
        events: "json-events.php",
  eventRender : function(calEvent, $event) {
       calEvent.distributor  //this is my new field

  },

Но я его неработает, и я не могу найти никаких рабочих примеров для сравнения.Спасибо

---

Спасибо за отзыв. Мне удалось добавить свои настраиваемые поля с помощью eventRender.Так что теперь не только тело и описание передаются.

Моя главная проблема сейчас заключается в передаче значений даты в базу данных, поскольку они не сохраняются.Кто-нибудь знает какие-либо примеры, где это используется.Я бы очень оценил это.

Answer 1

вы можете включить свои собственные нестандартные поля в каждый объект события. FullCalendar не будет изменять или удалять эти поля. Этот пример поможет вам eventRender

и посмотрите Объект события

Answer 2

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

eventRender: function(event, element) {
        element.attr("categories",event.categoryname)
    }

Просто потрясающий календарь

Answer 3

В 4 версии fullcalendar, для получения нестандартного поля изменено немного.Теперь он принимает только один параметр в качестве объекта события:

 events: [
{
  title: 'My Event',
  start: '2010-01-01',
  description: 'This is a cool event'
}
// more events here
],
eventRender: function(info) {
  console.log(info.event.extendedProps.description);
}

Примечание: Вы можете получить доступ к дополнительному полю следующим образом: info.event.extendedProps.description

Проверить документацию

Answer 4

Некоторые атрибуты здесь:

{
title: 'Birthday Party',
start: new Date(y, m, d + 1, 19, 0),
end: new Date(y, m, d + 1, 22, 30),
allDay: false,
backgroundColor: "#00a65a", //Success (green)
borderColor: "#00a65a" //Success (green)
},