FullCalendar在dayClick上显示事件

时间:2014-01-18 12:21:45

标签: php fullcalendar

fullCalendar中的dayClick定义为:

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

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

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

4 个答案:

答案 0 :(得分: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
                    }
        }
    });

答案 1 :(得分:0)

你可以试试这个:

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属性/对象列表。

答案 2 :(得分:0)

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!');
},

现在可行了

它会打开警报,您只需要提供所需的信息。

答案 3 :(得分:0)

我认为这就是你要找的东西。

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

我希望这会有所帮助。