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

[Anonymous]

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

Код: Выделить всё

             aria-hidden="true">



Holidays

[i][/i]





Save changes

Код: Выделить всё

$(document).ready(function() {

var token = $('meta[name="csrf-token"]').attr('content');
$(".calendarmodal").click(function(e) {
e.preventDefault();

var calendarEl = document.getElementById('calendar');
var calendar = new FullCalendar.Calendar(calendarEl, {
initialView: 'dayGridMonth'
});
calendar.setOption('locale', 'es');
calendar.render();

$("#calendarModal").modal("toggle");

});
});

Код: Выделить всё

#calendarModal .modal-dialog {
max-width: 70%;
/* Ajusta el ancho máximo según tus necesidades */
}

#calendarModal .modal-content {
width: 100%;
height: 100%;
max-height: 80vh;
/* Ajusta la altura máxima según tus necesidades */
}

Я попробовал разместить модальное окно снаружи и внутри, применил стили CSS и инициализировал с помощью javascript и jquery

Подробнее здесь: https://stackoverflow.com/questions/764 ... de-a-modal