fullcalendar V4 dayClick没有开火

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了fullcalendar V4 dayClick没有开火相关的知识,希望对你有一定的参考价值。

我正在尝试将旧的基于Fullcalendar的Web应用程序转换为V4。我无法让dayClick开火。

我有这个CodePen示例:https://codepen.io/anon/pen/YMMEyN?&editable=true&editors=001

该示例通过FC网站上的lik = nk初始化。见下文。默认情况下它会显示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();
    });
答案

我认为你的意思是dateClick而不是dayClick

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

供参考: dateClick() docs

以上是关于fullcalendar V4 dayClick没有开火的主要内容,如果未能解决你的问题,请参考以下文章

FullCalendar 插件 dayClick 不工作

FullCalendar DayClick 单击了两次

Fullcalendar在dayClick()上返回错误的日期

使用 ng-fullcalendar dayClick 时的数据绑定

如何防止对dayClick的重复?

Fullcalendar dayClick 代码只触发一次:我做错了啥?