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

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/



标签: ,

无觅相关文章插件,快速提升流量