Ссылка - FullCalendar-Demo
Ich habe dies eingerichtet, was eine grundlegende jQuery FullCalendar-Konfiguration mit den entsprechenden Extras ist, um Unterstützung auf Touch-Geräten zu ermöglichen.
Die enthaltenen Dateien auf der verknüpften Seite sind alle Standarddateien.
Die Demo funktioniert perfekt auf Nicht-Touch-Geräten, aber Touch-Geräte kämpfen.
Testen Sie hauptsächlich auf einem iPhone / iPad (andere Touch-Geräte tun mehr oder weniger genau dasselbe), sobald ein Element gezogen wird, kann ein anderes nicht sein. Sie können also jeden Gegenstand ziehen, aber dann sind die anderen irgendwie gesperrt.
Einige wichtige Punkte:
Das Ändern der Ansicht (Monat / Woche usw.) erlaubt es dann, alles erneut zu ziehen
Wenn du zuerst auf ein anderes Element tippst / tippst, kann das gezogen werden, aber nicht auf andere, bis du diese zuerst berührst.
Auf einem BlackBerry Playbook verhält es sich tatsächlich etwas anders. Wenn Sie ein anderes Element ziehen (normalerweise würde gar nichts passieren), dann scheint es auf dem PlayBook nichts zu tun (Sie streichen mit dem Finger über den Bildschirm) - aber wenn Sie loslassen (es ist noch nichts passiert) los, wählt das ziehbare Element aus und hebt dann die Auswahl auf. Wenn Sie dann dieses Element ziehen, funktioniert es gut.
Wenn Sie die Ausrichtung des Geräts ändern, werden alle Elemente auf der Seite sofort gesperrt und entweder die Ansicht in Monat / Woche geändert oder ein Element einmal berührt, bevor etwas erneut gezogen werden kann.
Ich wette, das ist ein One-Line-Fix, aber ich habe Stunden damit verbracht und kann einfach nichts machen.
Ich will nur, dass es auf dem iPad / iPhone funktioniert.
Es scheint entweder zu sein, dass mouseup / touchend etwas nicht auslöst, oder dass das touchstart-Ereignis nach dem ersten Ziehen entfernt wird, aber ich kann das Problem einfach nicht lösen.
Bearbeiten:
Ich habe Touch Punch und dayRender verwendet, um die Auswahl eines Tages oder mehrerer Tage auf einem Touch-Gerät zu ermöglichen. Ich habe gerade die Quelle hinzugefügt und die Funktion addTouch () von Touch Punch zum Rendern der Tageszelle hinzugefügt:
%Vor%Damit können Sie mindestens einen Tag oder mehrere Tage auf einem Touch-Gerät auswählen. Möglicherweise können Sie die anderen Touch Punch-Funktionen an anderer Stelle verwenden, um mehr zu tun, aber ich habe es noch nicht ausprobiert.
Ich habe das gleiche Problem mit einem iPad. Ich habe Ссылка auch mit meiner Vollkalender-Anwendung ausprobiert und kann das eine Ereignis ziehen, aber nicht ziehen ein anderes, es scrollt. Ich habe das Scrollen deaktiviert, aber immer noch das gleiche Verhalten. Ich habe auch die letzte hier genannte Option Ссылка mit diesem Projekt Ссылка
Ich möchte auch eine Auswahl von Tagen oder Stunden treffen, um ein Ereignis zu erstellen. Ich habe googles Kalender auf dem iPad angeschaut, es fehlt auch diese Funktionalität und sie haben eine Benachrichtigung, die mobile Version zu verwenden, wenn sie nicht in Ihrem Browser funktioniert (Safari auf dem iPad). Die mobile Version zeigt keine Ereignisse in der Monatsansicht an, daher funktioniert dies nicht als Option für meine Anwendung. Ein voll funktionierender Vollkalender mit Auswahlmöglichkeit und Drag-Drop wäre ideal, aber Touch-Geräte unterstützen dies möglicherweise nicht gut. Ich werde auch weiterhin nach einer Lösung suchen, aber wenn Google die Funktionalität nicht bietet, ist es möglicherweise nicht einfach zu implementieren und wir müssen möglicherweise eine mobile Version anbieten und / oder leben ohne Auswahlmöglichkeit und Drag & Drop auf Touchscreens . Ich würde auch die Hilfe anderer sehr schätzen.
Verwenden Sie Touch Punch zum Ziehen von Ereignissen, fügen Sie Code in eventRender hinzu:
%Vor%Zum Hinzufügen von Touch-Funktionen zu Tageszellen verwenden Sie eine andere touch js-Datei: Ссылка und fügen Sie cell.addTouch () in DayRender
hinzuIn ein paar Tagen werde ich auch in meinen Kalendern (basierend auf Fullcalendar) haben
Tags und Links jquery fullcalendar