Ocultar hora de inicio en FullCalendar

Question

En FullCalendar, en la vista de mes, ¿hay alguna manera de ocultar la hora de inicio de un evento?

Answer 1

Sé que han pasado tres meses desde que hizo la pregunta. Pero, si usted y yo estamos tratando de hacer lo mismo, alguien más puede estar buscando la respuesta.

En el archivo fullcalendar.js, comentario de línea 1603:

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

Esto no es una solución, en el mejor de que es un truco, pero funciona.

Answer 2

Agregue el siguiente estilo a su css

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

o en la versión 2 +:

.fc-time{ 
    display : none; 
} 

Answer 3

A continuación se oculta la fecha en la vista del mes solamente:

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

Answer 4

Otro forma es agregar una función eventRender. De esta forma puede elegir no renderizar el tiempo y hacer algo más como agregar datos al evento.

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

Answer 5

En caso de que por completo desea eliminar la hora de inicio, puede utilizar el siguiente código

$('#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

Aunque @Riz era correcta en el momento de su publicación, el css ha cambiado en las últimas versiones y ahora necesitarías lo siguiente.

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

Answer 7

recordar que el nombre de la clase CSS ha cambiado a

.fc-time { 
    display:none; 
} 

Answer 8

Según http://fullcalendar.io/docs/text/timeFormat/, sólo tiene que establecer el formato de hora en entornos fullCalendar:

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

Answer 9

acaba de agregar a las opciones del calendario

displayEventTime: false 

Answer 10

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

El código anterior lo corregirá en todas las vistas. código

abajo tiene un flujo que muestra el tiempo en gran vista del caso

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

por favor utilice este código en CSS para ocultar el momento sólo de evento.

utilizando sólo

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

También habrá ocultar la hora en la rejilla izquierda.

Answer 11

probar esto, funciona para mí:

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

Eso debe ocultar la hora de inicio en el nombre del evento.

Answer 12

Basta con retirar allDay: false, de su función fullCalendar

Answer 13

Para ocultar todos ellos, el siguiente debería funcionar

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

Pero si (como yo) estaba tratando de ocultar la hora de un evento específico, me encontró una forma bastante limpia.

Basta con crear la siguiente clase CSS y se refieren a ella en la propiedad de evento "className":

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

Y su evento debe ser algo como esto:

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