У меня ошибка при отображении полного календаря внутри модального окна. ⇐ Jquery

[Гость]

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

перед изменением размера после изменения размера

Праздники Сохранить изменения $(document).ready(function() { var token = $('meta[name="csrf-token"]').attr('content'); $(".calendarmodal").click(function(e) { е.preventDefault(); var CalendarEl = document.getElementById('календарь'); вар календарь = новый FullCalendar.Calendar(calendarEl, { InitialView: 'dayGridMonth' }); Calendar.setOption('локаль', 'es'); календарь.рендер(); $("#calendarModal").modal("переключить"); }); }); #calendarModal .modal-dialog { максимальная ширина: 70%; /* Максимальное изменение анчо, которое вам необходимо */ } #calendarModal .modal-content { ширина: 100%; высота: 100%; максимальная высота: 80vh; /* Максимальное изменение высоты, которое вам необходимо */ } Я попробовал разместить модальное окно снаружи и внутри, применил стили CSS и инициализировал с помощью javascript и jquery