• Empleos
  • Sobre nosotros
  • profesionales
    • Inicio
    • Empleos
    • Cursos y retos
  • empresas
    • Inicio
    • Publicar vacante
    • Nuestro proceso
    • Precios
    • Evaluaciones
    • Nómina
    • Blog
    • Comercial
    • Calculadora de salario

0

81
Vistas
Fullcalendar displays incorrect

Hi I'm using FullCalendar

With bootstrap 5 and Stimulus JS

connect() {
        this.calendar = new Calendar(this.calendarTarget, {
            plugins: [ dayGridPlugin, timeGridPlugin, listPlugin, bootstrap5Plugin],
            themeSystem: 'bootstrap5',
            height: 650,
            width: 650,
            headerToolbar: {
                left: 'prev,next today',
                center: 'title',
                right: 'dayGridMonth,timeGridWeek,timeGridDay,listMonth'
            },
            navLinks: true, // can click day/week names to navigate views
            editable: true,
            initialDate: '2018-01-12',
            events: [
                {
                    start: '2018-01-10T10:00:00',
                    end: '2018-01-12T16:00:00',
                    display: 'background'
                },
            ]
        });
        this.calendar.render();
}

I added calendar div to modal form After my modal opened I faced with this:

image

After I was resizing my browser calendar looked well.

almost 3 years ago · Santiago Trujillo
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Nuestro proceso Comercial
Legal
Términos y condiciones Política de privacidad
© 2025 PeakU Inc. All Rights Reserved.

Andres GPT

Recomiéndame algunas ofertas
Necesito ayuda