fullcalendar - Fullcalendar 事件放置和布局

Question

我正在尝试实现一个设计，其中每个完整日历事件都由图钉图像表示。我希望能够将多个事件添加到任何日期（在月视图中），以便图钉水平排列。默认情况下，每个事件似乎都在一个 div 中，并且无法指定浮动“左”。我认为有必要修改 javascript，但我想知道是否有其他人已经解决了这个问题。非常感谢您的帮助！

Answer 1

也许我不理解这个问题，但听起来你需要做的就是在 eventRender 的元素上使用 .append()。

例子：

eventRender: function( event, element, view ){
  element.append('<div style="float:left;">/*push pin image*/</div>');
} 

根据文档， element 是为事件新创建的 div 让我知道这是否是您所说的，如果没有澄清，我会尽力为您提供进一步帮助。

Answer 2

这只是解决您问题的提示。您需要更改以下功能以更新事件元素的左侧和宽度。

  function daySegHTML // this function create your event element with div
  function colContentLeft //  function calculate left position of event element
  function daySegSetWidths // function set width for you event element. you can restrict width for element 

  e.g. Math.max(0, seg.outerWidth - seg.hsides) / ( how many event you want to place in one row )