Startzeit in FullCalendar ausblenden

Question

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

Answer 1

Ich weiß, es ist drei Monate her, seit Sie die Frage gestellt haben. Aber wenn Sie und ich versuchen, das Gleiche zu tun, dann könnte jemand anderes nach der Antwort suchen.

In der fullcalendar.js Datei Kommentarzeile 1603:

htmlEscape(formatDates(event.start, event.end, view.option('timeFormat'), options)) + 

Dies ist keine Lösung, bestenfalls ist es ein Hack, aber es funktioniert.

Answer 2

die folgende Art Ihrem CSS hinzufügen

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

oder in Version 2+:

.fc-time{ 
    display : none; 
} 

Answer 3

Die nach dem Tag der Monatsansicht verbirgt nur:

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

Answer 4

Another Weg ist, eine eventRender Funktion hinzuzufügen. Auf diese Weise können Sie auswählen, dass die Uhrzeit nicht gerendert werden soll, und andere 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(); 
} 

Answer 5

Falls Sie vollständig die Startzeit zu entfernen, werden Sie den Code unten

$('#calendar-canvas').fullCalendar({ 
    header: { 
     left: 'today prev,next title', 
     right: 'agendaDay,agendaWeek,month' 
    }, 
    firstDay: 1, 
    eventRender: function(event, element) { 
     $(element).find(".fc-event-time").remove(); 
    } 
}); 

Answer 6

Obwohl @Riz zum Zeitpunkt der Veröffentlichung korrekt war verwenden können, hat die CSS in den letzten Versionen geändert und jetzt würden Sie das folgende benötigen.

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

Answer 7

daran erinnern, dass die CSS-Klasse Namen

.fc-time { 
    display:none; 
} 

Answer 8

Nach http://fullcalendar.io/docs/text/timeFormat/, müssen Sie nur Zeitformat in fullCalendar Einstellungen festlegen geändert hat:

$('#calendar').fullCalendar({ 
    events: [    
    ], 
    timeFormat: ' ' 
}); 

Answer 9

Fügen Sie einfach auf Kalenderoptionen

displayEventTime: false 

Answer 10

.fc-time-grid-event.fc-short .fc-time,.fc-time-grid-event .fc-time{ 
     display: none !important; 
    } 

Der obige Code korrigiert es in allen Ansichten.

Code hat unter eine Strömung, die Zeit in Grossansicht Veranstaltungs zeigt

.fc-time-grid-event.fc-short .fc-time{ 
      display: none !important; 
     } 

bitte diesen Code in CSS verwenden, um nur von Fall der Zeit zu verbergen.

mit nur

.fc-time{ 
     display: none !important; 
    } 

wird verstecken auch die Zeit auf der linken Raster.

Answer 11

dies versuchen, funktioniert es für mich:

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

dass die Startzeit in der Titel Veranstaltung verstecken sollte.

Answer 12

Entfernen Sie einfach allDay: false, aus Ihrer fullCalendar Funktion

Answer 13

sie alle zu verstecken, sollte die folgende Arbeit

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

Aber wenn man (wie ich) versucht, die Zeit eines bestimmten Ereignisses zu verbergen, ich ziemlich sauberer Weg gefunden.

Erstellen Sie einfach die folgende CSS-Klasse und beziehen sich auf das in der Ereigniseigenschaft „classname“:

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

Und Ihre Veranstaltung wie folgt aussehen sollte:

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