Question

我想知道是否有一种很好的方法来定位FullCalendar事件，好像它们向左浮动一样。在填充可用的水平空间后，它们将垂直堆叠。这看起来没问题，因为事件的大小也只限于10px x 10px。

我知道我需要更改left:和top: CSS属性。

而不是这样：

======== - ＆gt;事件
======== - ＆gt;活动

看起来像这样：

[ - ] [ - ] - ＆gt;事件^事件

我在哪里可以在FullCalendar.js中进行更改？

Answer 1

在.min附近的var R,V=la+"-widget-header",ea=la+"-widget-content"版本中，您有以下代码：

R="<table class='fc-border-separate' style='width:100%' cellspacing='0'><thead><tr>";for(aa=0;aa<F;aa++)R+="<th class='fc- "+V+"'/>";R+="</tr></thead><tbody>";for(aa=0;aa<w;aa++){R+="<tr class='fc-week"+aa+"'>";for(V=0;V<F;V++)R+="<td class='fc- "+ea+" fc-day"+(aa*F+V)+"'><div>"+(I?"<div class='fc-day-number'/>":"")+"<div class='fc-day-content'><div style='position:relative'>&nbsp;</div></div></div></td>";R+="</tr>"}R+="</tbody></table>";

您是否尝试编辑此部分。

几个月前为我工作过。

Answer 2

你需要修改renderSlotSegs函数;代码：

if (levelI) {
    // indented and thin
    outerWidth = availWidth / (levelI + forward + 1);
}else{
    if (forward) {
        // moderately wide, aligned left still
        outerWidth = ((availWidth / (forward + 1)) - (12/2)) * 2; // 12 is the predicted width of resizer =
    }else{
        // can be entire width, aligned left
        outerWidth = availWidth;
    }
}

应更改为：

if (levelI) {
    // indented and thin
    outerWidth = availWidth / (levelI + forward + 1);
}else{
    if (forward) {
        // changed to limit width of first overlapping slot
        outerWidth = availWidth / (forward + 1);
    }else{
        // can be entire width, aligned left
        outerWidth = availWidth;
    }
}

并排定位FullCalendar活动。将大小限制为10px x 10px

2 个答案: