FullCalendar отображения событий dayClick

Question

В dayClick в fullCalendar определяется как:

dayClick: function (start, allDay, jsEvent, view) { 
    alert('You clicked me!'); 
} 

Это срабатывает, когда пользователь нажимает на один день.

Я хотел получить доступ к данным о событиях, когда пользователь нажимает на определенный день. Сортировка слияния функции eventClick в dayClick, поэтому, когда я нажимаю на определенный день, я получаю название события, время начала, время окончания всех событий, происходящих в этот день.

Answer 1

Я надеюсь, что это поможет вам

$('#calendar').fullCalendar({ 
     dayClick: function(date, allDay, jsEvent, view) { 
       var startDate = new Date(date.getFullYear(), date.getMonth(), date.getDay(), 0, 0, 0).getTime(); 
       var endDate = new Date(date.getFullYear(), date.getMonth(), date.getDay(), 23, 59, 59).getTime(); 
       var cache = new Date().getTime(); 
       $.getJSON("/json-events.php?start="+startDate+"&end="+endDate+"&_="+cache, 
        function(data) { 
         // do stuff with the JSOn data 
        } 
     } 
    }); 

Answer 2

Вы можете попробовать это:

eventClick: function(xEvent, jsEvent, view) { 
    alert("Title: " + xEvent.title    //Get the event title 
      + "\n StartTime: " + xEvent.start //Get the event start date 
      + "\n EndTime: " + xEvent.end  //Get the event end date 
    ); 

    console.log(xEvent); //See your console for all event properties/objects 
} 

xEvent списки свойств/объекта.

Answer 3

dayClick: function(date, allDay, jsEvent, view) { 
    var startDate = new Date(date.getFullYear(), date.getMonth(), date.getDay(), 0, 0, 0).getTime(); 
    var endDate = new Date(date.getFullYear(), date.getMonth(), date.getDay(), 23, 59, 59).getTime(); 
    var cache = new Date().getTime(); 
    $.getJSON("/json-events.php?start="+startDate+"&end="+endDate+"&_="+cache, 
     function(data) { 
      // do stuff with the JSOn data 
    }); 
    alert('ENTROU!'); 
}, 

теперь работает

открывает предупреждение, вы просто должны поместить информацию хотели.

Answer 4

Я думаю, что это то, что вы ищете.

dayClick: function(date, allDay, jsEvent, view) { 
    var date2 = new Date(date.getFullYear(), date.getMonth(), date.getDate()+1); 
    //This gives the next day of the clicked day('date' contains the clicked day) 

    var todaysEvents = $('#calendar').fullCalendar('clientEvents', function(event) { 
    // Below statement returns the EVENT OBJECT of the clicked day after comparing the two dates 
    return event.start >= date && event.start < date2; 
    }); 
    // You can now access the returned object & extract what you want 
    // console.log(todaysEvents); --> returns the complete object 
    // console.log(todaysEvents[0].title); --> returns that day's event title 
}, 

Надеюсь, это помогло.