Gibt es in FullCalendar in der Monatsansicht eine Möglichkeit, die Startzeit eines Ereignisses auszublenden?
Startzeit in FullCalendar ausblenden
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
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";
Jayanti Gopaloodoo
Folgendes blendet das Datum nur in der Monatsansicht aus:
.fc-view-month .fc-event-time{
display : none;
}
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();
}
AJH
erinnern, dass sich der CSS-Klassenname in geändert hat
.fc-time {
display:none;
}