Wie funktioniert FullCalendar auf Touch-Geräten? - jquery-mobile, Kalender, Vollkalender

Ich suchte nach einem Tablet-freundlichen Veranstaltungskalender, fand aber keine passenden. Aber Vollkalender ist ein bestes jQuery-Kalender-Plugin, das auf Desktop- und Tablet-PCs hervorragend aussieht.

Dieser Kalender funktioniert aber perfekt auf einem DesktopWenn es sich um ein Tablet handelt, kann ich die Start- und Endzeit eines Ereignisses nicht basierend auf der Berührung und dem Wischen auswählen. Wenn ich das tue, wird der Kalender gescrollt. Gibt es dafür eine Lösung? Ich habe mich nach einer Lösung umgesehen.

Hatte jemand dieses Problem und haben Sie es gelöst? Bitte teilen Sie die Methode, wie Sie sie gelöst haben. Jede Art von Hilfe wird geschätzt.

Danke im Voraus.

Antworten:

13 für die Antwort № 1

Haben Sie versucht, die Jquery UI Touch Punch?

Standardmäßig unterstützt die Jquery-Benutzeroberfläche Touch nichtEreignisse, weil es nicht für mobile Geräte optimiert wurde. Touch Punch löste meine Probleme mit den Drag & Drop-Funktionen der Jquery-Benutzeroberfläche, die auch von FullCalendar verwendet zu werden scheinen.

Ich hoffe es hilft!

---

9 für die Antwort № 2

DAS FUNKTIONIERT

Ich habe dieses Plugin verwendet: jquery.ui.touch.js

fügt Touch-Unterstützung für Fullcalendar für iOS- und Android-Geräte hinzu

Verwenden Sie einfach diesen, um Ihren Kalender zu initialisieren:

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

---

2 für die Antwort № 3

Da ich Schwierigkeiten hatte, dies mit jQuery zu erreichenUI Touch Punch, und ich konnte keinen vollständigen Beispielcode finden. Ich dachte, ich würde den Code posten, den ich zum Erstellen und Ziehen von Ereignissen auf mobilen Geräten verwendet habe:

HINWEIS: Dieses Beispiel verwendet jQuery UI Touch Punch.

$(document).ready(function() {

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

$(".fc-view tbody").draggable();
});

---

2 für die Antwort № 4

Mit dem neuesten Vollkalender 2.7.1berühren ist Unterstützt. Sie können sogar Optionen für Druckverzögerungen einstellen. Schauen Sie sich nur die Dokumente an

---

1 für die Antwort № 5

Die FullCalendar Touch-Unterstützung ist in der Beta-Version für v2.7.0 verfügbar dieser FullCalendar-Blogbeitrag.

---

1 für die Antwort № 6

Ich habe dieses Plugin verwendet: jquery.ui.touch.js

Bei diesem Code hat es für mich funktioniert:

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

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

---