Fullcalendar eventDrop更改背景颜色

时间:2014-12-28 18:57:54

标签: jquery fullcalendar

我正在使用最新的fullcalendar,并想知道是否有人可以显示更改已删除事件的“背景颜色”?

2 个答案:

答案 0 :(得分:0)

您只需要更改CSS。

如果您使用的是最新的Fullcalendar [2.3.0],则会有一个名为fullcalendar.css的CSS文件---编辑行#52:
background: #bce8f1; opacity: .3; filter: alpha(opacity=30);

只需将背景更改为您想要的颜色。

[当你点击一天时,FC会在DOM中添加一个元素fc-highlight-skeleton,其中包含一个带有fc-highlight类的元素。]

答案 1 :(得分:-1)

在日历配置中尝试此操作,看看你能做些什么。

eventDrop: function(event, delta, revertFunc, jsEvent, ui, view) {
    console.log(ui);  // is likely to have the parent as the day/square you dropped onto.
}

如果不是:那么尝试通过事件中的日期对象找到TD:

var newDate = event.start.format('YYYY-MM-DD');
$('td').find("[data-date='" + newDate + "']");  //this seems to only get the header.

其他方法是利用jsEvent查找丢弃事件的位置/ dom对象。这超出了我所知的范围。但是不应该太难做。