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

377
Vistas
clasificación de fecha inversa fullcalendar: el último día se muestra primero

Alguien sabe cómo ordenar el calendario completo, por lo que las últimas fechas se muestran primero

La imagen de abajo muestra las fechas en orden ascendente, pero cómo mostrarlas en orden descendente

El código con el que he probado es el siguiente:

 $(document).ready(function() { $('#calendar').fullCalendar({ header: { left: 'prev,next today', center: 'title', right: 'month,listMonth' }, defaultDate: '2017-10-01', defaultView: 'listMonth', editable: true, eventOrder : (x,y) => x.start > y.start? 1 : -1, eventOrderStrict: true, events: [ { title: 'Delta', start: '2017-10-11T10:30:00', end: '2017-10-12T12:30:00', displayOrder: 2, }, { title: 'Alpha', start: '2017-10-13T11:30:00', end: '2017-10-12T12:30:00', displayOrder: 3, }, { title: 'Bravo', start: '2017-10-12T12:30:00', end: '2017-10-12T12:30:00', displayOrder: 1, }, { title: 'Charlie', start: '2017-10-12T09:30:00', end: '2017-10-12T12:30:00', displayOrder: 4, } ] }); });
about 4 years ago · Juan Pablo Isaza
1 Respuestas
Responde la pregunta

0

Si está utilizando fullCalendar 4 o superior, simplemente puede usar -start en la configuración eventOrder , para indicar que debe ordenarse a la inversa por la hora de inicio.

Lo sabemos porque la documentación de eventOrder lo dice:

Si va precedido de un signo menos como "-título", la clasificación se realizará en orden descendente

Por ejemplo (esto también conserva las otras opciones de clasificación predeterminadas que se usarán cuando los tiempos sean iguales):

 eventOrder: "-start,-duration,allDay,title"

Por lo tanto, no necesita una devolución de llamada personalizada.

Demostración: https://codepen.io/ADyson82/pen/OJQKJVm

Tenga en cuenta que esto no tendrá ningún efecto en las vistas que tienen en cuenta el tiempo, como timeGrid o timeLine, porque la visualización está controlada por la ubicación del tiempo en la cuadrícula predefinida (y no puede invertir el orden de la cuadrícula).

También tenga en cuenta que la opción eventOrderStrict no existe en fullCalendar 4, solo se introdujo en v5. Asegúrese de leer siempre la versión correcta de la documentación.


Sin embargo, en términos de la experiencia del usuario como resultado de esto, advierto que es un calendario, por lo que pretende ser cronológico. Mostrar las fechas en un orden diferente tiene poco o ningún sentido en ese contexto, y las personas pueden confundirse, especialmente en las vistas que no son de lista.

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