Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

301
Vistas
How to show time on ListWeek in FullCalendar using VUE

Can anyone have idea how to show time in List View For Full-Calendar. Everything is working fine for me but time itself is not coming in the view. Attached the snaps for the reference.

enter image description here

CODESANDBOX LINK : https://codesandbox.io/s/vue-fullcalendar-scheduler-example-forked-204qy?file=/components/Calendar.vue

Code: Template: Script:

    data() {
    return {
      calendarOptions: {
        plugins: [dayGridPlugin, interactionPlugin, listPlugin, timeGridPlugin],
        initialView: "listWeek",
        headerToolbar: {
          left: "today prev,next",
          center: "title",
          right: "dayGridMonth,timeGridWeek,timeGridDay,listWeek",
        },
        events: [
          {
            start: "2021-11-10T04:30:00",
            title: "List View",
            backgroundColor: '#226911',
            end: "2021-11-27T14:30:00",
          },
          {
            start: "2021-11-08T04:30:00",
            title: "Test",
            end: "2021-11-10T14:30:00",
          },
          {
            start: "2021-10-15T04:30:00",
            title: "It should be default load",
            end: "2021-10-18T14:30:00",
          },
        ],
        eventDisplay: "block",
        displayEventTime: false,
        allDaySlot: false,
        buttonText: {
          today: "Today",
          month: "Month",
          week: "Week",
          day: "Day",
          list: "Agenda",
        },
      },
    };
  }

enter code here

Please review the code and help me to out from this issue. Thanks in Advance!

about 4 years ago · Juan Pablo Isaza
1 Respuestas
Responde la pregunta

0

maybe set displayEventTime to true in calendarOptions

about 4 years ago · Juan Pablo Isaza Denunciar
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 Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda