Geek Answers Handbook

Jquery fullcalendar plugin with flag

Just wondering if it has a fullcalendar jquery plugin that supports a checkbox next to the event. The goal is to mark the task just completed.

+4
source share
2 answers

You can always dive into the code.

I edited the slotSegHtml function and here is the result:

http://jsfiddle.net/V1tOr/HZjVt/11/

pay attention to the "completed" support in the case of:

{ title: 'Lunch', start: new Date(y, m, d+1, 12, 0), end: new Date(y, m, d+1, 14, 0), allDay: false, completed : true }
+4
source

Here are two options that are not related to editing the fullcalendar source:

Option 1: If you just manage to distinguish completed tasks from unfinished tasks, you do not need to change the source of full-calendar data. I was lucky that the little icons on full-calendar events were used only with CSS:

 /* Completed task */ div.fc-event.completed-task div.fc-event-inner { background-image: url('checkbox-icon.png'); background-position: bottom right; background-repeat: no-repeat; }

Then you just need to set the className event field to complete-task. You can do this on the server or in JavaScript.

Option 2: If you need to do something more complex than just displaying a background image, you can use the eventRender or eventAfterRender callbacks that fullcalendar provides to manipulate the DOM elements of event objects in any way (including adding flags).

0
source

More articles:


All Articles