Question

我是使用完整日历的新手，并且想知道是否可以显示已点击的事件的日视图（特别是日期）。如果在年份或月份视图中单击事件，则需要进行此操作。

如果可能的话，我还想知道另一件事情，当在日视图中点击一个事件时，可以显示一个灯箱（显示在其他所有内容上方的div）。

我已经对这些问题进行了2天的研究，虽然我找到了 -

dayClick: function(date, allDay, jsEvent, view) {
    $('#calendar').fullCalendar('gotoDate', date);
},

我无法调整或更改此功能以正常使用该事件。

非常感谢任何建议。

提前谢谢你，克里斯

Answer 1

这应该让你前进：

// Added Coded whilst trying to fix onEventClick       
eventClick: function(calEvent, jsEvent, view) {
    jsEvent.preventDefault();

    // Go to and show day view for start date of clicked event
    calendar.fullCalendar('gotoDate', calEvent.start);
    calendar.fullCalendar('changeView', "basicDay");

    // Popup with information of clicked event
    if(calEvent.url) {
        $("#eventDisplay").html("<p><b>Title:</b> <a target='_blank' href='" + calEvent.url + "'>" + calEvent.title + "</a></p>");
    } else {
        $("#eventDisplay").html("<p><b>Title:</b> " + calEvent.title + "</p>");
    }
    $("#eventDisplay").append("<p><b>Start:</b> " + calEvent.start + "</p>");
    $("#eventDisplay").dialog({
        width: 400,
        modal: true
    });
},
// End Code onEventClick

Fidle 显示两个请求：显示日视图并弹出jQuery UI对话框，其中包含事件信息。

请注意，对于触发外部URL的事件，您应首先使用.preventDefault。当然，您可以在弹出式HTML中提供链接，让用户点击它，如果他真的想这样做的话。参见Februray第28届活动的例子。

在一个月或一年的视图中显示事件的日视图

1 个答案: