fullcalendar V4 dayClick не срабатывает

Я пытаюсь преобразовать старое веб-приложение на основе Fullcalendar в V4. Я не могу заставить dayClick стрелять.

У меня есть этот пример CodePen: http://Hi,%20%20I%20am%20trying%20to%20convert%20an%20old%20Fullcalendar%20based%20web%20app%20to%20V4.%20%20I%20can%20not%20get%20%60dayClick%60%20to%20fire.%20%20I%20have%20is%20CodePen%20example:%20https://codepen.io/anon/pen/YMMEyN?&Editable=true&editors=001

Пример был инициализирован с помощью lik = nk с веб-сайта FC. См. ниже. По умолчанию он вызывает dayGridMonth представление. Он включает плагин interaction, но метод dayClick не срабатывает, независимо от того, в какой день ячейку я нажимаю.

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

      var calendar = new FullCalendar.Calendar(calendarEl, {
        plugins: [ 'interaction', 'dayGrid', 'timeGrid' ],
        defaultView: 'dayGridMonth',
        defaultDate: '2019-04-07',
        header: {
          left: 'prev,next today',
          center: 'title',
          right: 'dayGridMonth,timeGridWeek,timeGridDay'
        },
        dayClick: function(info) {
                    alert("dayClick ");
        },
        events: [
          {
            title: 'All Day Event',
            start: '2019-04-01'
          },
          {
            title: 'Long Event',
            start: '2019-04-07',
            end: '2019-04-10'
          },
          {
            groupId: '999',
            title: 'Repeating Event',
            start: '2019-04-09T16:00:00'
          },
          {
            groupId: '999',
            title: 'Repeating Event',
            start: '2019-04-16T16:00:00'
          },
          {
            title: 'Conference',
            start: '2019-04-11',
            end: '2019-04-13'
          },
          {
            title: 'Meeting',
            start: '2019-04-12T10:30:00',
            end: '2019-04-12T12:30:00'
          },
          {
            title: 'Lunch',
            start: '2019-04-12T12:00:00'
          },
          {
            title: 'Meeting',
            start: '2019-04-12T14:30:00'
          },
          {
            title: 'Birthday Party',
            start: '2019-04-13T07:00:00'
          },
          {
            title: 'Click for Google',
            url: 'http://google.com/',
            start: '2019-04-28'
          }
        ]
      });

      calendar.render();
    });

person 7 Reeds    schedule 29.04.2019    source источник


Ответы (1)


Я думаю, вы имели в виду dateClick вместо dayClick:

dateClick: function(info) {
    alert("dateClick");
},

для справки: dateClick () docs

person Yannick K    schedule 29.04.2019
comment
Привет спасибо. Вы правы, что у меня там был неправильный js. Это должно было быть просто alert(...). Я отредактировал свой вопрос. - person 7 Reeds; 29.04.2019
comment
Привет, без проблем. Сообщите мне, работает ли dateClick для вас, в противном случае я могу попытаться помочь вам в дальнейшем. - person Yannick K; 29.04.2019
comment
Привет, даже с моей модификацией или изменением на console.log() dayClick не срабатывает. - person 7 Reeds; 29.04.2019
comment
Пожалуйста, прочтите мой ответ еще раз, проблема в том, что вы назвали свою функцию dayClick() вместо правильного dateClick(), console.log не имеет значения. - person Yannick K; 29.04.2019
comment
@ 7 Reeds - это потому, что в версии 4 больше нет такой вещи, как dayClick. Это dateClick. Прочтите ответ внимательнее. Также вы можете попробовать проверить документацию: fullcalendar.io/docs/date-clicking-selecting - person ADyson; 29.04.2019
comment
да, я полностью пропустил смену имени в этой версии. Извините. Ваше здоровье - person 7 Reeds; 29.04.2019