Fullcalendar，想在dayclick显示所有事件，它没有显示答案

【问题标题】：Fullcalendar, want to show all events on dayclick its not showing upFullcalendar，想在dayclick显示所有事件，它没有显示
【发布时间】：2014-02-04 23:46:56
【问题描述】：

我正在使用全日历，一旦用户点击某个日期，当天的事件就会显示在弹出窗口中。

目前我有活动列表，我可以在日历上显示当天的活动并使其可点击。

但现在我希望这些事件显示在 dayclick 上，而我无法做到。

下面的代码在日历上显示了当天的事件：

eventClick: function(event) {
       $.colorbox({html:"<h1>"+event.title+"</h1><br><p>Tour 
       starts on :"+$.fullCalendar.formatDate(event.start,
       'yyyy-M-dd')+"<br>Tour type :
       <a href='http://reservations.valantech.com/order-
       tour/"+$.fullCalendar.formatDate(event.start,'yyyy-M-
       dd')+"/"+event.ID+"'>"+event.type+"</a></p>"});
},

当点击日期时，下面的代码会打开一个弹出窗口：

dayClick: function(date, allDay, jsEvent, view) {

        if (allDay) {
            alert('Clicked on the entire day: ' + date);
        }else{
            alert('Clicked on the slot: ' + date);
        }

        alert('Coordinates: ' + jsEvent.pageX + ',' + jsEvent.pageY);

        alert('Current view: ' + view.name);

        // change the day's background color just for fun
        //$(this).css('background-color', 'red');

    },

现在我想基本合并这两个。

单击日期应打开一个弹出窗口，其中包含该日期所有可用事件的列表。

我试过了：

dayClick: function(date, allDay, jsEvent, view) {
$('#calendar').fullCalendar('clientEvents', function(event) {
                if(event.start <= date && event.end >= date) {
                    return true;
                }
                return false;
            });

但它对我没有用。

【问题讨论】：

嘿，你得到dayclick显示事件的答案了吗？我正在搜索相同的内容，请发布您的答案，谢谢。

标签： javascript jquery drupal fullcalendar

【解决方案1】：

试试这个

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

【讨论】：

它将视图更改为日期。在 drupal 函数中，我通过以下方式显示事件： drupal_json_output($events);现在它在日历上显示了事件，但我想在日期上显示它点击你能帮我怎么做吗
我的问题是我可以在日历上显示它，但我想在当天点击而不是在日历上显示它。它在日历上显示使用：drupal_json_output($events);

【解决方案2】：

应该是这样的。如果 return true 将返回实际事件并添加到您的array Array，您可以更改返回值的标准。最后，您将获得包含该日期所有事件的 array Array 变量。请根据您的要求检查条件。

dayClick: function(date, allDay, jsEvent, view) {
    console.log(date);
    $('#agenda_calendar').fullCalendar( 'changeView', 'month');
    //$('#agenda_calendar').fullCalendar( 'gotoDate', date  );
    var array = $('#agenda_calendar').fullCalendar('clientEvents', function(event){ 
        return ( event.start >= date && event.end < date ); // May be change
    });
    console.log(array);
});

【讨论】：