fullcalendar - 将日历添加到事件中的全日历

Question

我正在尝试根据用户选择在全日历上选择事件。

示例:如果用户选择类A，则所有具有相同ID的类应变为绿色(使用已应用的className)。

我无法将类应用于可以通过ID成功选择的其他事件。我想我的问题是将事件对象与jQuery对象结合在一起。

样例代码:

eventClick: function(event) {
  $(this).addClass("reg_selected");  //this works fine on selected event
  var selectedID = event.id
  alert(selectedID);                 //get event.ID, and use it to find similar ones.
  var similarEvents = $("#calendar").fullCalendar('clientEvents',selectedID).addClass("reg_selected");

我得到的错误是:

  addClass is not a function

我也尝试了这种循环方法，并得到了相同的错误:

for (var i = 0; similarEvents.length > i ; i++){
    alert(similarEvents[i].title);
    similarEvents[i].className("reg_selected");
}

alert()起作用了，但是className()产生了与上面相同的错误

Answer 1

clientEvents返回匹配对象的数组。您需要遍历数组(在您的情况下为相似事件)并为每个项目调用addClass

更新:
使用id更新多个事件也存在问题，而使用过滤器功能则是更好的选择。

eventClick: function(event) {
    var similarEvents = $("#calendar").fullCalendar('clientEvents', function(e) { return e.test === event.test });

    for (var i = 0; similarEvents.length > i ; i++){
            similarEvents[i].className = 'reg_selected';
            $('#calendar').fullCalendar('updateEvent', similarEvents[i]);
        }
},

参见 jsfiddle