私は週モードでカレンダーを使用する必要があります。これは、カレンダーが取ることができるすべての幅を取り、スクロールバーを必要としないすべての高さを取ります。
デフォルト設定を維持する場合height: auto, aspectRation: 1.35
、垂直スクロールバーが表示されます:
aspectRatio
を1に変更すると、スクロールバーは消えますが、下部に不要な空の領域が表示されます。
アスペクト比を推測する以外にそれを修正する方法はありますか?
編集:
フルカレンダーv2.1.1
http://jsfiddle.net/3E8nk/560/
contentHeight: 'auto',
古いバージョンの解決策?
ハックの種類:よう。これはあなたの環境で機能しますか?他の質問のコードを使用しました。
http://jsfiddle.net/3E8nk/558/
contentHeight: '9999',
アスペクト比ではなくheightを動的に調整するとうまくいきました:
開始時にカレンダーを変数に割り当てる:
calendar = $('#calendar').fullCalendar({
height: $(window).height()*0.83,
...
});
そして、動的に高さを調整します(最初のエラーメッセージを回避するために、カレンダーが既に存在することを確認した後):
if(calendar) {
$(window).resize(function() {
var calHeight = $(window).height()*0.83;
$('#calendar').fullCalendar('option', 'height', calHeight);
});
};
要因 *0.83
はページのデザインによって異なります。
バージョン3および4の場合は、追加height: 'parent'
を設定に追加します。
ref: https://fullcalendar.io/docs/v3/height