web-dev-qa-db-ja.com

週表示のFullCalendar自動高さ

私は週モードでカレンダーを使用する必要があります。これは、カレンダーが取ることができるすべての幅を取り、スクロールバーを必要としないすべての高さを取ります。

デフォルト設定を維持する場合height: auto, aspectRation: 1.35、垂直スクロールバーが表示されます: enter image description here

aspectRatioを1に変更すると、スクロールバーは消えますが、下部に不要な空の領域が表示されます。

enter image description here

アスペクト比を推測する以外にそれを修正する方法はありますか?

16
SiberianGuy

編集:

フルカレンダーv2.1.1

http://jsfiddle.net/3E8nk/560/

contentHeight: 'auto',

古いバージョンの解決策?

ハックの種類:よう。これはあなたの環境で機能しますか?他の質問のコードを使用しました。

http://jsfiddle.net/3E8nk/558/

contentHeight: '9999',
29

アスペクト比ではなく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はページのデザインによって異なります。

お役に立てれば。 Adam Shaw's fullcalendar at 100% height and scrollbars

Day view, spanish (as fullcalendar is multilingual - lol

11
Juergen Fink

バージョン3および4の場合は、追加height: 'parent'を設定に追加します。
ref: https://fullcalendar.io/docs/v3/height

0
Pouria Moosavi