0

FullCalendar のセルでイベント サイズを変更する方法。

私のカレンダーのすべてのイベントは画像であるため、現在、複数の画像が表示される場合、それらは縦に表示されます。しかし、すべてのイベントを水平に表示したいです。

css、used を変更しようとしましfloat: left, display: inlineたが、うまくいきませんでした。また、各画像のサイズを に変更しました11pxが、うまくいきません

私のライブ サイトをご覧ください: http://oryxtesting.com/learning-events/

4

2 に答える 2

0

月ビューのカレンダーにeventRenderを追加しました....ここに私のコードがあります：

eventRender: function(event, element, view) { 
    var diff=datediff(view.visStart,event.start);   //note datediff if a self-made function which returns the number of days between calendar start view and current day
    var rows=parseInt(diff/7); 
    var cols=diff;
    element.css('position','static'); 
    $('tr.fc-week'+rows+' td.fc-day'+cols+' div.fc-day-content div:first').append($(element));
}
于 2012-09-27T04:16:54.403 に答える
0

これは、画像が絶対に配置され、カレンダー内で適切に配置されているように見えるように強制されているために発生しています。要素は表のセル内にはなく、表の上に重ねられているだけです。

また、画像には 54px のインライン幅が与えられているため、11px の幅を継承していません。

修正は簡単ではありません。スクリプトを修正して、カレンダー テーブルのセル内に画像を挿入する必要があります。または、それらが同じ行に表示されるように絶対に配置する必要があります。

于 2012-08-19T16:28:11.867 に答える