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

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 中提供链接，让用户点击它，如果他真的想这样做的话。请参阅 2 月 28 日活动的示例。