Geek asks and answers

How can I only display event time (no header) in fullscreen jQuery?

I am wondering if it is possible to simply show the time reserved in the calendar, rather than the name of the event, using the jQuerys FullCalendar plugin?

Many thanks for your help!

+3
source share
3 answers

Somewhere on lines 3665 inside the full version of CALendaer, find this code

(!event.allDay && seg.isStart ?
"<span class='fc-event-time'>" +
htmlEscape(formatDates(event.start, event.end, opt('timeFormat'))) +
"</span>"
:'') +
"<span class='fc-event-title'>" + htmlEscape(event.title) + "</span>" +

Remove

"<span class='fc-event-title'>" + htmlEscape(event.title) + "</span>" +

So it still makes sense with jscript and viola syntax! no more names at a time.

+2
source

You can do whatever you want with a CSS class change:

To hide the event title:

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

If you want to save the time of events, but keep the same background between the header and the body, you must remove the opacity:

.fc-event-vert .fc-event-bg {
  opacity: 0;
}
+4

Auto Entity Labels Auto Nodetitles, , , "", " ", "" ...

" ", Automatic Label Generation " " <none>.

, , FullCalendar, , node.

0

More articles:


All Articles