jQuery fullcalendar - как уменьшить размер календаря

Question

Я использую полный календарь jQuery в своем приложении. Я хочу, чтобы календарь отображался только в правой части экрана, но не уверен, как уменьшить размер календаря. Прямо сейчас он отображается в полноэкранном режиме

Answer 1

Просто вставьте его в div с указанной шириной в соответствии с домашней страницей для fullcalendar

<div id='container'>
...
<div id='calendar'></div>
...
</div>

с CSS

#container {
    width: 810px;
}

Answer 2

уменьшить соотношение сторон полного календаря

Answer 3

Добавьте свойство в поле JSON, которое мы передаем в метод fullCalender.

$('#calendar').fullCalendar({

    height: 650
})

Ссылочный URL: https://fullcalendar.io/docs/display/height/

Answer 4

Вы можете использовать контейнер div для управления шириной и высотой.

Вы можете контролировать только высоту календаря, добавив

> $('#calendar').fullCalendar({
>     height: 650 
> });

Answer 5

Попробуйте

<div id='calendar' style="width:95%"></div>

Answer 6

В моей боковой панели приложения я просто использовал вот так.

Ваш Html

<div id='calendar'></div>

Вы можете написать css вот так.1010 *

#calendar
{
    width: 400px;
}

изменить ширину в пиксельном диапазоне, сколько вам нужно.Я тоже так использую.Работает отлично.