2016-11-30 3 views
3

カレンダーはカスタマイズされており、FullCalendarバージョン1で動作しています。今、バージョン3にアップデートしました。私はこれまでと同じようにCSSと設定を更新しましたが、月表示の日の高さ。フルカレンダーで日の高さを調整しますか?

左側が古いディスプレイ、右側が新しいディスプレイで、1日のセルが高すぎます。

enter image description here

私はCSSでそれを行うだろうが、週の高さを動的に調整可能なので、あるべきコードによって設定されています。

古いバージョンは、このの結果:

enter image description here

と新しいバージョンこの中の結果:

enter image description here

をどのように私は私が欲しいもののコードを教えてください?

+0

これを実行するルーチンは 'distributeHeight'と表示されますが、これを行う方法を(まだ)決定していません。 –

答えて

2

解決済み。 2つの設定が必要です。 CCSでは

min-heightを小さく:

.fc-body .fc-row { min-height: 45px; } 

とコードで、新しい 'マジック' ナンバーにアスペクト比を変更します。最初のmin-heightを低下させることなく

aspectRatioを変更
.fullCalendar({ 
    aspectRatio: 1.09 
}); 

min-heightよりも高さが低くはなりません。

関連する問題