Hide start time in FullCalendar

Question

On FullCalendar, in the month view, is there a way to hide an event\'s start time?

Answer 1

Although @Riz was correct at the time of posting, the css has changed in recent versions and now you'd need the following.

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

Answer 2

According to http://fullcalendar.io/docs/text/timeFormat/ , you just need to set time format in fullCalendar settings:

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

Answer 3

Just add to calendar options

displayEventTime: false

Answer 4

To hide them all, the following should work

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

But if you (like me) were trying to hide the time of a specific event, I found pretty clean way.

Just create the following CSS class and refer to it in the event property "className":

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

And your event should look something like this:

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

Answer 5

remind that the CSS class name has changed to

.fc-time {
    display:none;
}

Answer 6

The following hides the date on the month view only:

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