javascript - FullCalendar dayClick 不工作(什么都不做)

Question

我正在尝试让“dayClick”功能在 FullCalendar 上运行，但是当我在任何空的日子上按下时，没有任何反应。我搜索了所有 SO，找不到任何解决方案或弄清楚发生了什么。

这是我的代码:

   $(document).ready(function () {
        $('#calendar').fullCalendar({
            header: {
                left: 'title',
                center: '',
                right: 'prev,next today'
            },
            defaultView: 'month',
            weekends: false,
            editable: false,
            selectable: true,
            events: "/Home/GetEvents/",

            eventClick: function (calEvent, jsEvent, view) {
                alert('You clicked on event id: ' + calEvent.id
                    + "\nSpecial ID: " + calEvent.someKey
                    + "\nAnd the title is: " + calEvent.title);

            },

            dayClick: function (date, jsEvent, view) {
                alert("Day Clicked");
                $('#eventDate').val($.fullCalendar.formatDate(date, 'dd/MM/yyyy'));
                ShowEventPopup(date);
            }
        });
    });

Answer 1

仅与 FullCalender v2 相关:

我发现在我的日历上，类 fc-bg 的 div 被 display:none; 隐藏了。事实证明，这就是 dayClick 事件所附加的对象，由于它是隐藏的，所以我无法点击它。

fc-bg 类被隐藏的原因是我在页面中包含了打印 CSS。事实证明，这个样式表在链接上有 media="print" 是非常重要的，否则它会一直被使用。

在您的页面上包含 FullCalendar CSS 文件时，请确保链接如下所示:

<link href="/css/vendor/fullcalendar.min.css" rel="stylesheet" />
<link href="/css/vendor/fullcalendar.print.css" media="print" rel="stylesheet" />