Saltar al contenido

¿Oyente para “cambio de fecha” en FullCalendar?

Te doy la bienvenida a nuestra web, en este sitio hallarás la respuesta a lo que estás buscando.

Solución:

Factura,

Sé que esta pregunta es bastante antigua, pero necesitaba una solución y pensé en publicarla aquí para otros. Resolví el problema yo mismo adjuntando el viewDisplay evento a mi calendario (este evento se eliminó en v2 de FullCalendar, viewRender puede usarse en su lugar).

$("#calendar").fullCalendar(
    viewDisplay: function (element) 

    
);

Una vez que tenga acceso al parámetro del elemento, puede obtener la fecha usando element.start o element.visStart. Si está en la vista de mes, start le proporcionará el primer día del mes que está viendo, visStart le dará el primer día visible del mes

Así es como lo hice:

$("#calendar").fullCalendar(

viewRender: function(view, element)
        var currentdate = view.intervalStart;
        $('#datepicker').datepicker().datepicker('setDate', new Date(currentdate));
    

    );

En vista de mes, intervalStart devolverá el primer día del mes que se muestra en FullCalendar, en lugar del primer día visible, que suele ser un día cercano al final del mes anterior.

Para Calendario completo v4 (la última versión en el momento de escribir este artículo) las devoluciones de llamada correctas son:

viewSkeletonRenderizar (docs)

function( info )

Esta devolución de llamada se activará cuando se represente la vista inicial o cuando el usuario cambie la vista, pero antes de que se active la devolución de llamada de dateRender, que es una devolución de llamada para cuando se hayan representado todas las celdas de fecha/hora.

fechasRender (docs)

function( info )

Esto se activa después de la devolución de llamada de viewSkeletonRender pero antes de las devoluciones de llamada de eventRender.

Eres capaz de añadir valor a nuestro contenido contribuyendo tu experiencia en las interpretaciones.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *