Показать настраиваемые поля в FullCalendar v4

Я пытаюсь реализовать FullCalendar v4, чтобы показать события больше, чем просто заголовок, указанный в списке событий. Я нашел много разных предложений, но ни одно из них не помогло мне.

У меня есть следующий код, который работает, но я не могу добавить описание, которое будет показано с помощью функции renderEvent. Какое решение сделать это?

document.addEventListener('DOMContentLoaded', function() {
var calendarEl = document.getElementById('calendar');

var mDate = new Date();
var CurrentDate = (mDate.getFullYear().toString()) + '-' + (String(mDate.getMonth() + 1).padStart(2, '0')) + '-' + (String(mDate.getDate()).padStart(2, '0'));

var calendar = new FullCalendar.Calendar(calendarEl, {
  plugins: [ 'interaction', 'timeGrid', 'dayGrid' ],
  defaultDate: CurrentDate,
  header: {
    left: 'prev,next today',
    center: 'title',
    right: ''
  },
  defaultView: 'timeGridWeek',
  nowIndicator: true,
  locale: 'hu',
  firstDay: 1,
  editable: true,
  selectable: true,
  eventLimit: true, // allow "more" link when too many events
  select: function(arg) {
    var title = prompt('Event Title:');
    if (title) {
      calendar.addEvent({
        title: title,
        start: arg.start,
        end: arg.end,
        allDay: arg.allDay
      })
    }
    calendar.unselect()
  },
  eventRender: function( info ) {

  },
  events: [
    {
      title: 'Próba' ,
      start: '2019-05-30',
      end: '2019-05-31',
      description: 'description'
    }
  ]
});

calendar.render();

});

0 ответов

Другие вопросы по тегам