FullCalendar auto-height in week view

前端 未结 3 1465
予麋鹿
予麋鹿 2021-01-07 22:45

I need to have a calendar in week mode which would take all the width it can take and take all the height it needs to not have scrollbars.

If I keep default settings

相关标签:
3条回答
  • 2021-01-07 23:15

    For version 3 and 4 you can try add height: 'parent' to your config.
    ref: https://fullcalendar.io/docs/v3/height

    0 讨论(0)
  • 2021-01-07 23:25

    Adjusting dynamically the height instead of the aspect ratio worked for me:

    Asigning the calendar to a variable when initiating:

    calendar = $('#calendar').fullCalendar({
        height: $(window).height()*0.83,
        ...
    });
    

    And then adjusting height dynamically (after checking that calendar exists already in order to avoid initial error messages):

    if(calendar) {
      $(window).resize(function() {
        var calHeight = $(window).height()*0.83;
        $('#calendar').fullCalendar('option', 'height', calHeight);
      });
    };
    

    The factor *0.83 depends on your page-design.

    Hope this helps.

    0 讨论(0)
  • 2021-01-07 23:36

    Edit:

    Fullcalendar v2.1.1

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

    contentHeight: 'auto',
    

    Solution for old versions?

    Kind of hack:ish. Does this work in your environment? I used the code from your other question.

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

    contentHeight: '9999',
    
    0 讨论(0)
提交回复
热议问题