Saltar al contenido

¿Cómo hacer que FullCalendar funcione en dispositivos táctiles?

Solución:

¿Ha intentado incluir Jquery UI Touch Punch?

De forma predeterminada, la interfaz de usuario de Jquery no es compatible con los eventos táctiles porque no está optimizada para dispositivos móviles. Touch Punch resolvió mis problemas con las funciones de arrastrar y soltar de la interfaz de usuario de Jquery, que parecen ser utilizadas también por FullCalendar.

¡Espero eso ayude!

ESTO FUNCIONA

Usé este complemento: jquery.ui.touch.js

agrega soporte táctil a Fullcalendar para dispositivos iOS y Android

solo usa esto para inicializar tu calendario:

eventRender: function(event, element) {
            $(element).addTouch();
        }

Como luché para que esto funcionara con jQuery UI touch punch, y no pude encontrar ningún código de ejemplo completo, pensé en publicar el código que usé para hacer que la creación y arrastre de eventos funcionen en dispositivos móviles:

NOTA: Este ejemplo usa jQuery UI touch punch.

$(document).ready(function() {

  $('#calendar').fullCalendar({
    ...
    eventAfterRender: function(event, element, view) {
      element.draggable();
    }
  });

  $('.fc-view tbody').draggable();
});
¡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 *