PHP Quick Calendar Demo
I have created a few calendar templates to start with. The source code is available in the download.
1. Tiny Calendar – As the name implies, it is very small and portable. Only highlight dates with events and does not overwhelm the users with a lot of information.
2. Plain Calendar – Simple and clean. Does not show any header and footer but shows more information when mouseover the dates.
3. Small Calendar – This is a commonly used calendar in many CMS. User mouseover the links to see the short description of the event in the day. If user clicks on the link, the long description is displayed on the spaces on the right.
4. Rounded Corners Calendar – My attempt to play some css tricks. I have also used images in the calendar. Mouseover the links display a floating div containing the long description of the event.
5. Standard Large Calendar – Large calendar can hold more content. All events in a day are listed as links in the cell. User clicks on the event and have the long description displayed on the empty spaces on the right.
6. Two Column Layout – One column containing the dates and one column containing all events. Can have mulitple events in the same day.
7. Multiple Calendars – Displays more than 1 calendar on the same page easily.
8. Complex Calendar – Combine different types of calendar together with filtering. This calendar is starting to look professional.
The software is designed with flexibility in mind. With a bit of programming and css skills, you can create any type of calendar you want. Actually, my greatest challenge is to make the css look right in different browsers. As you can see from my demo, I am more of a programmer than a designer. The aim of the demos is to show the calendar functionality rather than the design.
If you ever come up with a cool calendar template, why not share it with everyone? Email me and I will try to add it to the next version of the software.
January 21st, 2009 at 4:33 pm
Hi,
I am doing my university final project and I would like to get the demo source code for the standard large calender.
Appreciate your help in advance.
January 22nd, 2009 at 10:14 am
hi albert, the demo source code is in the download.
February 1st, 2009 at 12:50 am
Hi bpeh,
could you please guide me where is the download page.
Thank you.
February 1st, 2009 at 8:28 am
see http://web-developer.sitecritic.net/quick-calendar/
February 19th, 2009 at 8:52 pm
There is no CSS for the complex calendar
February 20th, 2009 at 11:04 am
yes, you dont need a css because the css are from the other 2 calendars.
March 8th, 2009 at 9:14 pm
If you want all of the times ion the given date to be in order, add “ORDER by q.hr” in controller.php on the
// if user clicks on cell links to display many events
event
March 9th, 2009 at 12:30 am
tks marko. It was a bug. just fixed it.
March 9th, 2009 at 7:11 pm
I am wondering why do you have “All” in the select category admin menu when it is not in the database?
Also, when user adds 0 to single digit month events, it does not show.
June 9th, 2009 at 2:05 am
To increase user interactivity and reduce delay in regards to user requests you could use prefetching to get the previous and the next month as well. Then when the user clicks, let’s say on the next month button, the current would become previous, the next current and the additional next would be fetched from the server. Hope my point is clear.
November 17th, 2009 at 6:54 pm
Hello. This is an excellent script. Just what I needed.
November 17th, 2009 at 9:19 pm
Great script. I was wondering though. When I test the demos on my localhost, it’s like the .css and .js files won’t load.
http://i48.tinypic.com/9uc4xv.png
Can you please help me.
Best regards,
Baldwin
December 4th, 2009 at 2:06 pm
Great sw but I have some questions about reoccurring events..
on your logic an event can be repeated only on a certain date (ie. 2nd day every month), but if I have an event repeating every monday of week or every first monday on each month how can I do it? I cannot understand if I have to change completely the logic of your software or I may fork it simply.. what I’ve thinked about is to add a column in database, a flag for repeating events (week, month, year) but I cannot understand the next step.. can you help me?
March 10th, 2010 at 6:04 pm
Nice calendar. Consider a donation button
To point out a small typo, the standard calendar phtml has “Sun” in the column that should have “Sat.” That’s is all.
March 16th, 2010 at 8:34 am
Hi,
your script looks great and offers plenty of possibilities. However, browsers don’t seem to be too happy with the javascript function CaptureEvent (used on the complex demo). I can’t get the click on the right calendars to update the main one, the browser (firefox) saying “catpureEvent is not recommanded, please use AddEventListener.
do you have a workaround for it ?
thanks,
March 19th, 2010 at 12:32 pm
Newbie here! Am I okay using this on a WAMP project as well? Thanks!
August 2nd, 2010 at 10:35 am
Where do i find init.php,b’coz its not there in the code ie downloadable.Please revert back soon
Thanks in advance
October 11th, 2010 at 5:14 pm
Olaaa tengi muchas dudas voi en los temas pero no me sale como indica en lapagina los pasos no entiendo muy bien los divs alguien me puede ayudar!!!!
December 20th, 2011 at 5:28 am
Hi bpeh,
the link which you shared is redirecting to some other page, i am developing a personal website, i need “Standard Large Calendar” for the project, so can you please provide me the link.
i appreciate if you do this fever
Thank you