Question

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

Answer 1

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

  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 )

Answer 2

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

示例：

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

根据文档，元素是事件的新创建的div 如果这是您正在谈论的内容，请告诉我，如果没有澄清，我会尽力为您提供帮助。

Fullcalendar事件放置和布局

2 个答案: