So erstellen Sie eine ganztägige Veranstaltung im Vollkalender

Question

Ich bin wirklich fest mit diesem. Wie kann ich einen ganzen Tag Veranstaltung im Vollkalender erstellen, wenn auf einen Tag geklickt.

Answer 1

Sie haben nicht wirklich gesagt, was mit diesem Code falsch läuft, aber es scheint ziemlich offensichtlich, dass Sie die Start- und Enddaten verpasst haben. Wie weiß der Kalender sonst, wo Sie das Ereignis platzieren möchten? Es hat keine Auswirkungen von der Tatsache, dass Sie "renderEvent" aus der "DayClick" -Methode aufgerufen haben, das ist nur ein Zufall. "renderEvent" kann jederzeit aufgerufen werden und ist unabhängig. Es erwartet, dass Sie ihm alles über das Ereignis erzählen, das Sie hinzufügen möchten.

Wenn Sie nach dem Versuch, das Ereignis hinzuzufügen, Ihre Browser-Konsole überprüft haben, wäre Ihnen ein Fehler aufgefallen: "Kann die Eigenschaft 'stripTime' von undefined nicht lesen, die Ihnen hoffentlich einen Hinweis auf die Art des Fehler, der mit der Zeit zusammenhängt. Sie können es auch in der Quelle zurückverfolgen, um zu sehen, was es getan hat und was Sie unterlassen haben.

Wie auch immer, da Sie wollen dies ein ganztägiges Ereignis für einen einzigen Tag sein, können Sie die date Eigenschaft durch den Rückruf ganz leicht geliefert wird:

dayClick: function (date, allDay, jsEvent, view) { 

    var eventTitle = prompt('Provide Event title'); 

    if (eventTitle) { 
    $('#calendar').fullCalendar('renderEvent', { 
     title : eventTitle, 
     allDay : true, 
     start: date, //specify start date 
     stick : true, 
    }); 
    } 
} 

zu beachten, dass, wie pro https://fullcalendar.io/docs/event_data/Event_Object/, nur "Start" ist erforderlich. "Ende" ist optional und ich habe es nicht benutzt. Wenn Sie "allDay: true" angeben und nur ein Startdatum angeben, geht fullCalendar davon aus, dass es sich um ein ganztägiges Ereignis für einen einzelnen Tag handelt.

Zukünftige Referenz: Wenn Sie beim Hinzufügen von Ereignissen (z. B. nicht ganztägig) mehr Flexibilität zulassen möchten, sollten Sie stattdessen den Rückruf "auswählen" verwenden, damit Benutzer die genauen Start- und Endzeiten für das Ereignis angeben können indem Sie die Maus auf den Kalender ziehen. https://fullcalendar.io/docs/selection/select_callback/