私はFullCalendarカレンダーを含むプロジェクトに取り組んで初心者レベルの流星デベロッパー細胞グリッド

Question

横切って描画するイベント列コンテナを引き起こすFullCalendarにイベント（複数可）を追加します。

私はイベントがカレンダーにどのようにレンダリングされるかのスクリーンショットを添付しています。ご覧のように、原油の赤い円は私の問題を浮き彫りにしています。私の知る限り、この問題は、セルグリッド上に描画されたテーブル行のために発生します。この問題を解決するにはどうすればよいですか？

は、ここに私のonRendered()機能からコードされています

Template.calendar.onRendered(() => { 
    $('#events-calendar').fullCalendar({ 
    // NOTE: Put your options and callbacks here. 

    events(start, end, timezone, callback) { 
     let data = Events.find().fetch().map((event) => { 
     event.editable = !isPast(event.start); 
     return event; 
     }); 

     if (data) { 
     callback(data); 
     } 
    } 
    }); 

    // NOTE: Assures the calendar updates when the DB updates (refecthEvents). 
    Tracker.autorun(() => { 
    Events.find().fetch(); 
    $('#events-calendar').fullCalendar('refetchEvents'); 
    }); 
}); 

すべてのヘルプや洞察力をいただければ幸いです。

Answer 1

私は、以下の例のようにCSSを使って遊んでいると言っています。

eventRender(event, element) { 
    element.find('.fc-content').html(
    `<h4>${ event.title }</h4> 
    <p class="guest-count">${ event.guests } Guests</p> 
    <p class="type-${ event.type }">#${ event.type }</p> 
    ` 
); 

あなたはさらに、参照のために、このチュートリアルmeteorchefチュートリアルを参照してくださいすることができます。