Question

基于完整日历文档中的示例：

$('#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');

    }
});

如何仅突出显示我点击的时间和日期？

Answer 1

你的意思是只强调你点击的时间？如果您正在谈论某个时间段，例如，如果您单击11:30并且想要从11:00到12:00突出显示，则无法进行。您可以通过selectable : true进行“选择”，也可以在点击的时间段上创建活动

Answer 2

这非常棘手。基本上，fullcalendar是通过覆盖两个表html对象创建的：一个是显示列，另一个是行。这个的衍生物是你只能选择（我的意思是“jquery-like”选择）整行或一天。

如果您想突出显示时间我建议您使用 fullcalendar's select function.

如果由于某种原因选择是不舒服的（例如，如果你在日历工作流程的其他方面使用选择），唯一的其他已知方法（我和我的研究似乎证实这只是方法）是绘制一些绝对位置的上覆div将被动态计算（数学 - offset() jquery function可以在这里帮助。）

一帆风顺

如何修改完整日历上的dayClick以仅突出显示特定日期/时间

2 个答案: