在月或年视图中的事件单击时显示事件的日视图

Question

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

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

我已经花了两天时间研究这些问题，虽然我发现 -

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

摆弄以显示两个请求：显示日视图并弹出包含事件信息的jQuery UI对话框。

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