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

Estaba buscando un calendario de eventos apto para tabletas, pero no encontré ninguno adecuado. Pero FullCalendar es uno de los mejores plugins de jQuery calendario que se ve muy bien en el escritorio y una tableta.¿Cómo hacer que FullCalendar funcione en dispositivos táctiles?

Este calendario funciona perfectamente en una computadora de escritorio, pero cuando se trata de una tableta no puedo seleccionar la hora de inicio y la hora de finalización de un evento, basándome en tocar y deslizar. Cuando hago esto, el calendario se desplaza. ¿Hay alguna solución para esto? He estado buscando una solución en vena.

¿Alguien ha tenido este problema y lo resolvió? Por favor comparta el método de cómo lo resolvió. Cualquier tipo de ayuda es apreciada.

Gracias de antemano.

Fuente

2012-05-31 Dipin Krishnan

¿Has probado la inclusión de Jquery UI Touch Punch?

De manera predeterminada, Jquery UI no admite Touch Events porque no está optimizado para dispositivos móviles. Touch Punch resolvió mis problemas con Jquery UI Drag & Drop funcionalities, que parecen ser utilizados por FullCalendar también.

Espero que ayude!

Fuente

2012-05-31 12:09:09 gwythen

He visto esta solución [aquí] (http://code.google.com/p/fullcalendar/issues/detail?can=2&start=0&num=100&q=&colspec=ID%20Type%20Status % 20Milestone% 20Summary% 20Stars & groupby = & sort = & id = 724). Y arrastrar el evento a mi alrededor funcionó bien, pero no pude seleccionar el intervalo de tiempo basado en tocar y arrastrar en la vista de semana/día para crear un evento. ¿Cómo resolviste este problema? ¿Podrías por favor ayudarme? –

@DipinKumar ¿Alguna vez encontró una solución? – John

@John Definitivamente pruebe con jQuery Touch Punch. –

FUNCIONA ESTO

que utilizan este plugin: jquery.ui.touch.js

añade soporte táctil para Fullcalendar para iOS y dispositivos Android

simplemente usar esto para inicializar su calendario:

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

Fuente

2014-09-24 13:54:15 Gotschi

Trabajó en Android, gracias. –

Funciona mejor que jQuery Touch Punch, ya que con la solución @yndolok puede eliminar eventos y estos no corrigen automáticamente su posición para que quepan dentro de los márgenes de su contenedor primario. – Seether

Asegúrese de utilizar la última jQueryUI o no funcionará. En este momento estoy usando 1.11.4. El calendario completo más reciente usa el último jQuery 2.x. – Mistergreen

Como luché para que esto funcionara con jQuery UI Touch Punch, y no pude y cualquier código de ejemplo completo, pensé en publicar el código que utilicé para hacer que la creación y el 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(); 
});

Fuente

2014-11-19 19:07:57 yndolok

soporte táctil FullCalendar está disponible en la versión beta para v2.7.0 según this FullCalendar blog post.

Fuente

2016-03-28 23:26:14 akivajgordon

que utilizan este plugin: jquery.ui.touch.js

que trabajó para mí por este código:

$('#calendar').fullCalendar({ 
[...] 
}); 

$('#calendar').addTouch();

Fuente

2016-04-18 04:51:53 Pasdo

Con la última Full Calendar 2.7.1, el tacto es Supported. Incluso puede configurar Opciones para demoras de prensa. Basta con mirar los documentos

Fuente

2016-05-02 11:24:34 Ckappo

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

Respuesta

Cuestiones relacionadas