问是否可以将事件移动到日期单元格的底部？

EN

我只能使用CSS在v.3.9.0中做到这一点

.fc-row .fc-content-skeleton{
    padding-bottom: 2em;
}

并在yout事件中添加一个类，并使用：

.fc-event.your-class{
    position: absolute;
    bottom: 0;
}

​

​

我不能评论，所以请理解。为了能够做这样的事情，我已经尝试了脑海中的所有东西。在他们的FullCalendar http://arshaw.com/fullcalendar/演示中，我立即看到它使用了表作为结构。这有一个主要的问题。表具有自己的预定义结构，并允许您以特定的表驱动格式对事物进行排序。显然是对的..。

这样做的问题是，根据定义，每个都有一个定义的高度，这些高度是从内容内部构建的。如果你定位绝对(这是你的任务所需要的)，他们会做两件事中的一件。消失(如果对内容执行了此操作)或丢失已定义的表列宽。因此，除非你知道一个计算量，否则它们不能移动。

因此，您需要做的(没有前面的实际代码来查看如何填充字段)是计算给定日期内具有状态的每个元素，并给出每个位置的绝对位置。对于每个你想要放在底部的给定项目，你要计算它，然后你必须将每个单独的项目向上移动。

基本上，这不会很好地工作，而且会非常复杂。我不建议你尝试使用这个日历，除非你能以某种方式改变它的结构，使之更灵活一些。

如果有人真的找到了一个很棒的方法！但遗憾的是，从他们为我提供的演示中没有任何有意义的解决方案。

我对FullCalendar不太确定，但通常vertical-align: bottom会把数据放在底部。问题是，它会将所有数据放在底部，而不是您在图像中显示的位置。

为了解决这个特殊的问题，你可以在单元格中放置一个新的表格，这样你就可以得到：

<table> //Main Table
    <tr>
        <td>
            <table> // new table
                <tr>
                    <td> data</td>
                </tr>
                <tr> // vertical align : bottom
                    <td>custom event</td>
                </tr>
            </table>
        </td>
    </tr>
</table>

但最后你会看到很多丑陋的代码。(当没有自定义事件时，您可能还想使用rowspan=2 )

另一种方法是始终为这个“自定义事件”留出空间。为此，您只需在<td>上使用一个position:relative; padding-bottom:30px;，然后使用position: absolute; bottom:0创建自定义事件项。

这有一个新的问题，即使你没有自定义事件，你也总是有一个30px的填充底部。(这可以通过使用JavaScript动态添加填充来缓解)

不确定这是否真的对你有帮助，但这些都是我现在想到的事情。