jquery - 有没有办法在同一时隙中在其他事件后面全 Angular 显示 FullCalendar 事件？

Question

我想覆盖 FullCalendar 中在同一时隙中垂直划分并发事件的行为。

我有一个 Google 日历(称为“时间阻塞模板”)，我希望所有事件都占据时间段宽度的 100%，而不管同一时间段中的其他(非“时间阻塞”)日历事件.来自其他 Google 日历的任何其他事件都会被正常处理(如果它们与其他非时间阻塞事件共享相同的时间段，则垂直拆分)。

此外，非时间阻塞事件需要一个不透明度参数，以便我可以看到它们背后的“时间阻塞模板”事件。

这可能吗？

Answer 1

下面是我如何使用 FullCalendar 的 eventAfterRender 函数完成的。

我通过为属于“Time Blocking”日历的事件设置 isTemplate = "true" 来覆盖特定事件的宽度。

使用 eventAfterRender 函数，我检查了 event.isTemplate == "true" 并相应地设置宽度和左侧 CSS。如果 event.isTemplate == "false"，我更改不透明度以查看后面的模板事件，并将 z-index 递增 1，这样所有“非模板”事件都在“模板事件”。

以下 block 在我的 $('#calendar').fullCalendar() 声明中:

eventAfterRender: function(event, element, view) {
    if(event.isTemplate == "true") {
      $(element).css('width','100%');
      $(element).css('left','0%');
    } else {
      $(element).css('opacity','0.5');

      event_zindex = $(element).css('z-index');
      $(element).css('z-index',event_zindex + 1);
    }

希望这对其他人有帮助!