Автоматическая высота FullCalendar в режиме недели
Мне нужен календарь в недельном режиме, который займет всю ширину, которую он может принять, и взять всю высоту, в которой ему не нужны полосы прокрутки.
Если я сохраняю настройки по умолчанию height: auto, aspectRation: 1.35
, я вижу вертикальную полосу прокрутки:
![enter image description here]()
Если я изменяю aspectRatio
на 1, полоса прокрутки исчезает, но я вижу бесполезную пустую область внизу:
![enter image description here]()
Есть ли способ исправить это, кроме угадывания аспектаRatio (что для меня не так, как minTime и maxTime динамически меняются, так что изменяется высота конуса)?
Ответы
Ответ 1
Edit:
Fullcalendar v2.1.1
http://jsfiddle.net/3E8nk/560/
contentHeight: 'auto',
Решение для старых версий
Вид взлома: иш. Это работает в вашей среде? Я использовал код из вашего другого вопроса.
http://jsfiddle.net/3E8nk/558/
contentHeight: '9999',
Ответ 2
Динамически изменялась высота, а не соотношение сторон:
Присвоение календаря переменной при запуске:
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
зависит от вашего дизайна страницы.
Надеюсь, это поможет.
![Полноценный календарь Адама Шоу на высоте 100% и полосах прокрутки]()
![Дневной просмотр, испанский (поскольку fullcalendar является многоязычным - lol]()
Ответ 3
Для версий 3 и 4 вы можете попробовать добавить height: 'parent'
в вашу конфигурацию.
ссылка: https://fullcalendar.io/docs/v3/height