Fullcalendar 完整日历事件位置和布局

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

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

  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 ) 

---

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

例如：

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

eventRender:函数（事件、元素、视图）{
元素。追加（'/*图钉图像*/'）；
} 

根据文档，元素是为事件新创建的div

---

让我知道这是否是您所说的，如果没有澄清，我将尝试进一步帮助您。

我认为这确实会在视觉上对齐pin，但每个事件都需要一个单独的pin，因为单击pin会显示与pin相关的表单。日历是为慢性阻塞性肺病患者记录症状、运动、药物变化等的。每种日志类型都有一个颜色编码的pin来表示日历。可能有一种方法可以在单个事件中使用多个管脚来实现这一点，但是由于事件的自定义属性非常不同，因此尝试在每个事件类型中使用一个管脚是有意义的。这有意义吗？我不确定我是否遵循了，但是如果每个事件类型的表单不同，而不仅仅是使用数据库中的枚举来确定它是哪种类型，然后使用switch语句或ifelse来确定哪个pin和对应的表单与事件一起。这有帮助吗？是的，你完全理解它是如何运作的。不过，我已经有了这部分功能，只需要进行更改，以使每个事件在日历中都表示为pin，而不是文本（该部分也在工作）。我只想能够在一个日历日内水平对齐引脚。就像现在一样，它们是垂直堆叠的，就像您所期望的div那样。如果我能找到一种方法让他们对齐浮动：左，我就可以自由回家了。也许这就像将每个事件的css设置为向左浮动一样简单，然后用clear:both标记一个空事件；在与垂直对齐相结合的div:top on event divOk上，我会尝试一下，并让您知道结果如何。万分感谢！谢谢我本希望避免这种情况，但我同意，看来这是必须的。