0

FullCalendarイベントが左に浮いているように配置する良い方法があるかどうか疑問に思っていました。利用可能な水平スペースがいっぱいになると、それらは垂直に積み重ねられます。イベントも のサイズに制限されるため、これは問題ないように見えます10px x 10px。

CSS 属性left:を変更する必要があることを理解しています。top:

このように見える代わりに：

======== ->イベント
======== ->イベント

次のようになります。

[--] [--] -> イベント ^ イベント

FullCalendar.js のどこで変更を加えることができますか?

4

2 に答える 2

0

.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>";

この部分を編集しようとしましたか。

数ヶ月前に私のために働いた。

于 2013-02-27T17:11:30.620 に答える
0

関数 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;
    }
}
于 2013-04-23T04:09:34.893 に答える