Vollkalender: Wie man einen Tipp und nicht lange tippen

Question

in meinem Vollkalender Ich möchte nicht die Auswahl mit Ziehen unterstützen. Nur Events sollten in einem Slot erstellt werden. In normalen Browsern funktioniert es gut (ich füge nur zur Auswahl X Minuten hinzu). Das Problem, das ich habe, ist, dass auf Mobile Sie lange tippen und ziehen müssen, um meine Add Event-Funktion auszulösen.

Gibt es eine Möglichkeit, von einem langen Tippen auf ein Tippen umzuschalten? Der Benutzer sollte einfach auf den Slot tippen, um ein Event hinzuzufügen!

Example single tap

Example long tap

In "Monatsansicht" Ich möchte, um die Ansicht zu Tag ändern. Also schreibe ich diese Funktion:

dayClick: function (date, jsEvent, view) { 
       $('#calendar').fullCalendar('gotoDate', date); 
       $('#calendar').fullCalendar('changeView', 'agendaDay'); 
      } 

Aber auf Mobil es nicht funktionieren, weil auf einzelnen Tap nichts passiert ist und auf lange tippt es meine „Ereignis hinzufügen“ Funktion anwerfen

Answer 1

Dies scheint gut zu funktionieren mit einer früheren Version von Fullcalendar, 2.2.6. Bestätigt mit Win Desktop Firefox und iPhone Safari.

In Version 2.7.0 funktioniert dies jedoch nicht.

$(document).ready(function() { 
 
    $('#calendar').fullCalendar({ 
 
    header: { 
 
     left: 'prev,next today', 
 
     center: 'title', 
 
     right: 'month,basicWeek,basicDay' 
 
    }, 
 
    dayClick: function(date, jsEvent, view) { 
 
     $('#calendar').fullCalendar('gotoDate', date); 
 
     $('#calendar').fullCalendar('changeView', 'agendaDay'); 
 
    } 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.13.0/moment.min.js"></script> 
 
<link href="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.2.6/fullcalendar.min.css" rel="stylesheet" /> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.2.6/fullcalendar.min.js"></script> 
 

 

 
<div id="calendar"></div>