fullcalendar

Recurring Events in FullCalendar

by

Simple Repeating Events To add a simple alternative to those listed here, Fullcalendar now (somewhat) supports weekly recurring events. So if you only need something like: [Every Monday and Thursday from 10:00am to 02:00pm], you can use the following: events: [{ title:”My repeating event”, start: ’10:00′, // a start time (10am in this example) end: … Read more

jQuery full calendar: set a different color to each event from front-end

by

To colorize each event differently there are a couple approaches you can take to tackle your problem. Update the event feed ‘/bookings-feed.php’ and add color(background and border), backgroundColor, textColor, or borderColor to the event object http://arshaw.com/fullcalendar/docs/event_data/Event_Object/. events: [{ title : ‘event1’, start : ‘2010-01-01’, color : ‘#000’ }] Separate and update the event feeds to … Read more

“Uncaught SyntaxError: Unexpected token .” with FullCalendar

by

It’s a .css file, which means it’s a Cascading Stylesheet and not a script. You want a <link> tag rather than a <script> one. <link rel=”stylesheet” type=”text/css” href=”https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/1.6.4/fullcalendar.css”/> Attempting to load it using a <script> tag results in your CSS being interpreted as JavaScript, and throwing the error because it’s invalid. You can’t use a … Read more

How to set full calendar to a specific start date when it’s initialized for the 1st time?

by

You should use the options ‘year’, ‘month’, and ‘date’ when initializing to specify the initial date value used by fullcalendar: $(‘#calendar’).fullCalendar({ year: 2012, month: 4, date: 25 }); // This will initialize for May 25th, 2012. See the function setYMD(date,y,m,d) in the fullcalendar.js file; note that the JavaScript setMonth, setDate, and setFullYear functions are used, … Read more

Display more Text in fullcalendar

by

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); } }); }