完整日历在当天单击显示事件

Question

fullCalendar 中的dayClick定义为：

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

当用户点击某一天时，会触发此操作。

我想在用户点击特定日期时访问事件数据。有点合并dayClick中的eventClick函数，以便当我单击特定日期时，我获得该特定日期发生的所有事件的事件标题，开始时间，结束时间。

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
},

我希望这有所帮助。