javascript FullCalendar eventClick не работает

Question

Я хочу добавить события и установить eventClick

Я пытался добавить событие, затем установить eventClick, но он не работает

var calendar = $('#calendar');
calendar.fullCalendar('addEventSource', allEvents);


calendar.fullCalendar({
  eventClick: function() {
    alert(1);
  }
});

calendar.fullCalendar('refetchEvents');

Я только заметил, если я изменяю идентификаторcalendar в myCalendar у меня нет кнопок только для календаря Сегодня , <</strong>, > , и когда я нажимаю СЕГОДНЯ, его появляются, и eventClick работает

как это исправить?

Answer 1

Вы можете установить eventClick и другие другие атрибуты в options примерно так:

var options = {
    defaultView: 'agendaWeek',
    header: {   
        right: 'today, prev, agendaWeek, month, next'
    },
    eventClick: function() {
        alert(2);
    }
};

затем установите $('#calendar').fullCalendar(options) и добавьте allEvents в календарь, согласно документации FullCalendar.Ну, во-первых, вы должны инициализировать календарь, а затем добавить события в источник, и при этом вам не нужно снова использовать refetchEvents.

var calendar = $('#calendar').fullCalendar(options);
calendar.fullCalendar('addEventSource', allEvents);

Полный код можно увидеть здесь FullCalendar события и другие параметры

Answer 2

$('#calendar').fullCalendar({
  eventClick: function(calEvent, jsEvent, view) {

    alert('Event: ' + calEvent.title);
    alert('Coordinates: ' + jsEvent.pageX + ',' + jsEvent.pageY);
    alert('View: ' + view.name);

    // change the border color just for fun
    $(this).css('border-color', 'red');

  }
});

Согласно документам fullcalendar это будет работать для вас.