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).
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.
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 }); ...
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.
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); } }); }
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With