Click here to Skip to main content
15,885,365 members
Please Sign up or sign in to vote.
1.00/5 (1 vote)
How to use fullcalendar as an abstract calendar with no date related, for example, if I want to schedule a program with 3 weeks events, and these events are spreaded on the calendar, like "Event 1" from day 3 to day 10, and so on.

I have been told that I can use fullcalendar.js, so if anyone can help me with this?
Posted
Updated 15-Apr-15 3:21am
v2
Comments
You should try something.
yazan_AlHorani 16-Apr-15 8:34am    
i tried to create a customview, but it did not work. i think i should start on changing some source code to change the dayrender function, thats where i need the help. what shall i use?
Thanks7872 15-Apr-15 10:14am    
Help you with what? Theres nothing to help here. Put some effort and comeback when you have specific question.
[no name] 18-Apr-15 11:34am    
Use calendar without date...crap!
yazan_AlHorani 18-Apr-15 11:35am    
Thank you for understanding.

Just an idea.

Why not pick a random week. Say week 2 of this year.

I'm going to assume you use the agendaWeek view. If not you could come up with a simulair solution for any of the other views.

This runs from;
1/5/2015 to 9/5/2015 (assuming a 5 day event) so weekends=false

Do not show the header so header=null


You now fill you're events into the calendar in the events callback function.

You come up with start en end times inside you're random week.
So an event on day1 could have a
JavaScript
event.title="First event on day1";
event.start=moment('1/5/2015 8:00', 'MM/DD/YYYY HH:mm');
event.end=moment('1/5/2015 11:00', 'MM/DD/YYYY HH:mm');

The only issue now is that the headers of the day's represent dates. This could be fixed easily by;
JavaScript
$(".fc-day-header.fc-mon").html("Day 1");
$(".fc-day-header.fc-tue").html("Day 2"); 
 
Share this answer
 
Comments
yazan_AlHorani 18-Apr-15 11:10am    
This does not work.. i need the month view so the whole calendar is visable so i can add an event from day 3 to day 10 for example.
We'll that is a simulair issue.

A month will also work with this strategy.

If you have take a pre defined month, you can still figure out what dates/time combinations to create you're events.

When looking a any month, this jquery will number them form 1 to 30

JavaScript
$(".fc-day-number").each(function(index) { $(this).html(index+1); });
 
Share this answer
 

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)



CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900