Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/73.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Fullcalendar,要显示当天的所有事件单击它不显示_Javascript_Jquery_Drupal_Fullcalendar - Fatal编程技术网

Javascript Fullcalendar,要显示当天的所有事件单击它不显示

Javascript Fullcalendar,要显示当天的所有事件单击它不显示,javascript,jquery,drupal,fullcalendar,Javascript,Jquery,Drupal,Fullcalendar,我使用的是fullcalendar,一旦用户单击某个日期,该日期的事件就会显示在弹出窗口中 目前我有活动列表,我可以在日历上显示当天的活动并使其可点击 但现在我希望这些事件在dayclick上显示,而我却无法做到 以下代码显示日历上当天的事件: eventClick: function(event) { $.colorbox({html:"<h1>"+event.title+"</h1><br><p>Tour star

我使用的是fullcalendar,一旦用户单击某个日期,该日期的事件就会显示在弹出窗口中

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

但现在我希望这些事件在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) {
$('#calendar').fullCalendar('clientEvents', function(event) {
                if(event.start <= date && event.end >= date) {
                    return true;
                }
                return false;
            });
dayClick:function(日期、全天、jsEvent、视图){
$(“#calendar”).fullCalendar('clientEvents',函数(事件){
如果(event.start=日期){
返回true;
}
返回false;
});
但它对我不起作用。

试试这个

dayClick: function(date, allDay, jsEvent, view) {
$('#calendar').fullCalendar( 'changeView', 'basicDay');
$('#calendar').fullCalendar( 'gotoDate', date  );
};
应该是这样的。 如果return true将返回实际事件并添加到
数组中,则可以更改返回值的条件。
最后,您将获得包含该日期所有事件的
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);
});
dayClick:function(日期、全天、jsEvent、视图){
控制台日志(日期);
$(“#议程"日历”).fullCalendar('changeView','month');
//$(“#议程"日历”).fullCalendar('gotoDate',日期);
var数组=$(“#议程"日历”).fullCalendar('clientEvents',函数(事件){
return(event.start>=date&&event.end
它将视图更改为日期。在drupal函数中,我通过以下方式显示事件:drupal\u json\u output($events);现在它在日历上显示事件,但我想在日期显示单击你能帮我怎么做吗我的问题是我可以在日历上显示,但我想在日期显示单击不在日历上。它在日历上显示时使用:drupal_json_output($events);嘿,你得到dayclick showing event的答案了吗?我正在搜索相同的答案,请发布你的答案,谢谢。
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);
});