鼠标事件之dayClick – FullCalendar中文文档

2014-02-27 · 5 min read

FullCalendar 中文文档目录

当用户点击日程表上面某一天的时候触发

function( date, allDay, jsEvent, view ) { }

date 是用户点击的那一天的 Date 对象,用户点击议程周视图和议程天视图的时间槽也一样的。

当用户点击议程周视图和议程天视图的时间槽时,allDay 是 false,其他全是 true。

jsEvent 是原生的 javascript 事件,包含“点击坐标”之类的信息。

view 是当前的 View Object 。

在 dayClick 回调函数内部,this 是当前点击那天的<td>标签

$('#calendar').fullCalendar({
  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')
  },
})

这个例子演示了上面讲的那些属性。

官方英文文档:http://arshaw.com/fullcalendar/docs/mouse/dayClick/