2

現在、カレンダーの設定に問題があります。AgendaWeek ビューと AgendaDay ビューの時間である最初の行をもう少し広くしたいのですが、fullcalendar.css に対応する css コードが見つかりません。誰かが私を助けることができますか？ここに画像の説明を入力

4

1 に答える 1

7

私のカレンダーのソースを調べると、左側の列に表示される各時刻の次のコードが表示されます。

<td class="fc-axis fc-time fc-widget-content" style="width: 55px;">
  <span>12:35am</span>
</td>

幅はインラインで設定されているようです。おそらく、これは fullCalendar のコードを介して行われます。

CSS でオーバーライドできます<td>が、同じクラスの組み合わせを持つすべての s ではなく、列内の他のすべての s もシフトする必要があります。

幸いなことに、それらはすべて同じルート クラス - を持っています.fc-axis。したがって、これを CSS の最後に追加すると、幅が適切に調整されます。

.fc-axis { width: 100px !important;}

そうは言っても、固定幅と、カレンダーの幅/高さを固定しているか、aspectRatio 設定を台無しにしているかに応じて、サイズを変更したり、ブラウザー ウィンドウのサイズを変更した場合に fullCalendar がどのように反応するかに注意してください。

于 2017-08-17T08:43:44.603 に答える