Dividing days into several sections in FullCalendar

Question

I want to divide days into sections, for example there are a lot of events in one day, and they take place in different rooms (A, B, C), I want to divide each days into columns A, B, C to separate events from different rooms. There is any way to do this?

I need to do the exact same thing. Did you find a solution? – bgmCoder Jan 15 '14 at 22:58 — bgmCoder, Jan 15 '14 at 22:58

score 1 · Answer 1 · edited May 23 '17 at 12:26

1

I had the same prerequesites and I will do this way:

In fullcalendar options:

Create a fullcalendar "control" with title, prev, next and today.
Create N fullcalendar "events" without navigation, and set each title to each room.

You should apply some tricks to render nice calendars :

Calendar "control": hide body fc-content (CSS display:none)
Second Calendar and: hide left axis fc-agenda-axis (CSS width: 0px)

In your data and js handling:

Fullcalendar "control" must control all others calendars (see How do I set the date of a calendar view from another view using Jquery FullCalendar? )
Load events from Room A to Calendar A, Room B to Calendar B, etc.

You can start with this jsfiddle : http://jsfiddle.net/8ZM4x/1/

And then replace events source with yours :

$('#mycalendar1').fullCalendar(
            {
                    events: [     
                          ...
                    ]
           });

edited May 23 '17 at 12:26

Community

1
1

answered May 20 '11 at 16:02

Doomsday

2,650
25
33

It would be great if you could post a jsfiddle. Thanks. – brooklyn May 21 '11 at 08:41
@Doomsday - can you elaborate a little? I need to do this, too, only I need to divide the day into nine parts (nine rooms). Could you provide an example, please? – bgmCoder Jan 15 '14 at 22:58
I placed a feature request with the FullCalendar folks. – bgmCoder Jan 16 '14 at 02:04
Added a jsfiddle where you can see several fullcalendar and only one controller. – Doomsday Jan 16 '14 at 09:00
Thanks for the help, Doomsday. Can you get it it into, oh, say five columns? For my needs, I need five columns that will run the vertical length of each day so I can add events to any time in the column. I'm on the verge of hacking the library myself if I can't figure something out. – bgmCoder Jan 17 '14 at 04:30
I gave you my +1 for the fiddle. – bgmCoder Jan 17 '14 at 04:41
Three, five or ten columns, you just need to add more calendars for each column you need. About height, you need to use the official settings without any hacks. – Doomsday Jan 20 '14 at 09:34

score 0 · Answer 2 · edited May 23 '17 at 11:56

0

There is a fork of the fullCalendar library that will provide this functionality - they call it a Resource View.

http://tux.fi/~jarnok/fullcalendar-resourceviews/

Check out my answer to this thread for more information.

edited May 23 '17 at 11:56

Community

1
1

answered Jan 22 '14 at 15:04

bgmCoder

6,205
8
58
105

Dividing days into several sections in FullCalendar

2 Answers2

Linked