渲染 fullcalendar v4 的问题

Question

我对版本 4 的渲染有问题。在版本 3 中，它是按如下方式完成的：

$('#mycalendar').fullCalendar('renderEvent', NuevoEvento);

在新版本中它说它是这样的，但它对我不起作用：

calendar.addEvent( event [, source ] )*/

$('#btnAgregar').click(function() {
  var NuevoEvento = {
    title: $('#txtEvento').val(),
    description: $('#txtEvento').val(),
    start: $('#txtFecha').val(),
  };

  calendar.addEvent({
    NuevoEvento
  });

  $('#registrarEvento').modal('toggle'); //cerrar modal
});

Answer 1

改变

calendar.addEvent({
    NuevoEvento
  });

到

calendar.addEvent(
    NuevoEvento
  );

（即删除{和} ）。 Fullcalendar 需要具有顶级属性的事件对象。 您的NuevoEvento变量已经正确地是该格式的对象。 通过在添加它时将{和}放在它周围，您正在使用 JavaScript 的对象字面量语法将它包装在另一个对象中，而 fullCalendar 无法理解它的结构。