鼠标事件之dayClick

优质
小牛编辑
123浏览
2023-12-01

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

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

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