Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Display more Text in fullcalendar

I am looking for a solution to display more information in event.

For example in the DayView you see a event from 06:00 to 10:00.
I want to display a additional description in this event (not only the time and the title).

like image 314
chichi Avatar asked Aug 04 '10 18:08

chichi


People also ask

How do I select multiple dates in fullCalendar?

Detect when the user clicks on dates or times. Give the user the ability to select multiple dates or time slots with their mouse or touch device. Allows a user to highlight multiple days or timeslots by clicking and dragging.

How do I set locale in fullCalendar?

If you are using an ES6 build system and want to load a specific locale, do something like this: import { Calendar } from '@fullcalendar/core'; import esLocale from '@fullcalendar/core/locales/es'; ... let calendar = new Calendar(calendarEl, { locale: esLocale }); ...

How do I display an image in fullCalendar?

You can add any image url to your eventObject by adding the attribute "imageurl" inside of the events definition (if you just want the image, don't specify a title): events: [ { title : 'event', start : '2016-10-12', end : '2016-10-14', imageurl:'img/edit.


1 Answers

This code can help you :

$(document).ready(function() {      $('#calendar').fullCalendar({          events:              [                  {                      id: 1,                      title: 'First Event',                      start: ...,                      end: ...,                      description: 'first description'                  },                  {                      id: 2,                      title: 'Second Event',                      start: ...,                      end: ...,                      description: 'second description'                 }             ],          eventRender: function(event, element) {              element.find('.fc-title').append("<br/>" + event.description);          }      }); }    
like image 66
Eureka Avatar answered Sep 29 '22 13:09

Eureka