2014-10-12 3 views
11

Мне нужен календарь в недельном режиме, который будет занимать всю ширину, которую он может принять, и взять всю высоту, в которой ему не нужны полосы прокрутки.FullCalendar auto-height в режиме недели

Если я сохранить настройки по умолчанию height: auto, aspectRation: 1.35, я вижу вертикальную полосу прокрутки: enter image description here

Если я изменяю aspectRatio 1, полоса прокрутки исчезает, но я вижу бесполезную пустую область в нижней части:

enter image description here

Есть ли способ исправить это, кроме угадывания аспектаRatio (что не является для меня случаем, когда minTime и maxTime динамически меняются, так что изменяется высота конуса)?

+0

Вы могли бы попытаться изменить CSS, может быть? http://stackoverflow.com/questions/10398069/resizing-a-div-to-fit-content-with-maximum-height –

+0

Какую версию fullcalendar вы используете? – MarCrazyness

+0

@MarCrazyness, FullCalendar v2.1.1 – SiberianGuy

ответ

21

Edit:

Fullcalendar v2.1.1

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

contentHeight: 'auto', 

решение для старых версий?

Вид взлома: иш. Это работает в вашей среде? Я использовал код из вашего другого вопроса.

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

contentHeight: '9999', 
+0

Пробовал это. К сожалению, это не работает для v2.1.1. Здесь вы jsfiddle с обновленными внешними ресурсами: http://jsfiddle.net/3E8nk/559/ – SiberianGuy

+0

@Idsa спасибо, я не понимал. Я нашел решение, которое было менее взломанным: тоже для новой версии fullcalendar :) –

+0

Большое спасибо! Это сбивает с толку, что это не вариант по умолчанию. Я должен был больше обратить внимание на документацию ... – SiberianGuy

8

Регулировка динамически на высоту вместо отношения аспект работал для меня:

Asigning календарь переменной при инициировании:

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

+0

Это работает для меня –

+0

0.635, поскольку фактор работал идеально для меня –

Смежные вопросы