Startzeit in FullCalendar ausblenden

Lesezeit: 2 Minuten

Gibt es in FullCalendar in der Monatsansicht eine Möglichkeit, die Startzeit eines Ereignisses auszublenden?

Einfach zu den Kalenderoptionen hinzufügen

displayEventTime: false

  • Diese Option ist ab v2.4.0 verfügbar siehe fullcalendar.io/docs/text/displayEventTime – Sie müssen es als Option von fullCalendar einstellen und es wirkt sich auf alle Ereignisse aus. Oder benutze CSS .fc-time{ display : none; }. Ich muss jedoch die Sichtbarkeit jeder Ereigniszeit anders einstellen und es scheint, dass dies nicht möglich ist.

    – Benutzerbild

    16. Dezember 2015 um 12:30 Uhr


Benutzer-Avatar
Riz

Fügen Sie Ihrem CSS den folgenden Stil hinzu

.fc-event-time{
   display : none;
}

oder in Version 2+:

.fc-time{
   display : none;
}

  • oder fc-time wie unten für die neueste Version vorgeschlagen, wie ich selbst bemerkt habe.

    – Rekt

    5. Januar 2015 um 16:42 Uhr

Probieren Sie dies aus, bei mir funktioniert es:

$('#calendar').fullCalendar({
     displayEventTime : false
});

Das sollte die Startzeit im Titelereignis verbergen.

  • Sollte die richtige Antwort sein. Andere Antworten versuchen es nur ausblenden das Problem, während wir hier das Objekt mit den richtigen Parametern erstellen

    – Gangai Johann

    11. Dezember 2017 um 13:48 Uhr

  • Hallo @GangaiJohann, wow, das freut mich zu hören, ich freue mich, dass ich jemandem helfen kann 🙂

    – Raymond

    1. Februar 2018 um 10:40 Uhr

Um sie alle auszublenden, sollte Folgendes funktionieren

$('#calendar').fullCalendar({
 displayEventTime : false
});   

Aber wenn Sie (wie ich) versucht haben, die Zeit eines bestimmten Ereignisses zu verbergen, habe ich einen ziemlich sauberen Weg gefunden.

Erstellen Sie einfach die folgende CSS-Klasse und verweisen Sie in der Ereigniseigenschaft „className“ darauf:

.hideCalendarTime > div > span.fc-time{
    display:none;
}

Und Ihre Veranstaltung sollte in etwa so aussehen:

var newEvent = new Object();
newEvent.title = "Something";
newEvent.start = new Date();
newEvent.allDay = false;
newEvent.className = "hideCalendarTime";

Benutzer-Avatar
Jayanti Gopaloodoo

Folgendes blendet das Datum nur in der Monatsansicht aus:

.fc-view-month .fc-event-time{
    display : none;
}

Benutzer-Avatar
Wels

Eine andere Möglichkeit besteht darin, eine eventRender-Funktion hinzuzufügen. Auf diese Weise können Sie die Zeit nicht rendern und etwas anderes tun, z. B. einige Daten an das Ereignis anhängen.

eventRender: function(event, element) { 
    element.find('.fc-event-title').append("<br/>" + event.location); 
    element.find('.fc-event-time').hide();
}

Benutzer-Avatar
AJH

erinnern, dass sich der CSS-Klassenname in geändert hat

.fc-time {
    display:none;
}

1259140cookie-checkStartzeit in FullCalendar ausblenden

This website is using cookies to improve the user-friendliness. You agree by using the website further.

Privacy policy