search
30
Aug-2009
jQuery Week Calendar- The Scheduler
Javascript | Amit Dua
Tags: Jquery, Scheduler, Calendar, JavaScript, Ajax

The jquery week calendar plugin provides a simple and flexible way of including a weekly calendar in your application. It is built on top of jquery and jquery ui and is inspired by other online weekly calendars such as google calendar.

This calendar implementation demonstrates further usage of the calendar with editing and deleting of events. It stops short however of implementing a server-side back-end which is out of the scope of this plugin. It should be reasonably evident by viewing the demo source code, where the points for adding ajax should be. Note also that this is **just a demo** and some of the demo code itself is rough. It could certainly be optimised.

Demonstrated Features

This calendar implementation demonstrates the following features:

  • Adding, updating and deleting of calendar events using jquery-ui dialog. Also includes additional calEvent data (body field) not defined by the calEvent data structure to show the storage of the data within the calEvent
  • Dragging and resizing of calendar events
  • Restricted timeslot rendering based on business hours
  • Week starts on Monday instead of the default of Sunday
  • Allowing calEvent overlap with staggered rendering of overlapping events
  • Use of the 'getTimeslotTimes' method to retrieve valid times for a given event day. This is used to populate select fields for adding, updating events.
  • Use of the 'eventRender' callback to add a different css class to calEvents in the past
  • Use of additional calEvent data to enforce readonly behaviour for a calendar event. See the event titled "i'm read-only"

 



Comments
Hugo Casanova
This is a great plugin!, i searching some like that!, where i can download to test?
Amit
You can download it from here http://code.google.com/p/jquery-week-calendar/downloads/list
milu
what should I do for showing events from the database and store new events in database?
milu
Its Urgent..
Amit
Which technology r u using Php or .net
Raman
can we change the view into month or day ?
Khurram Ali Khan
hi! can u tell how we can convert time slot horizontally ?
Post a Comment
Name *
Email *
Comment *
Subscribe
Top Categories
Spread Us
Tag Cloud
Follow Us
Tango Top Quality Vector Icons
Tango Icon Library provides developers a set of professional high quality icons....
more..
JibberBook - Open Source Guestbook with Mootools
JibberBook is an easy-to-use, open-source guestbook built with PHP5 and JavaSc...
more..
jQuery Week Calendar- The Scheduler
The jquery week calendar plugin provides a simple and flexible way of including ...
more..
Tabbed Content Rotator Using jQuery
raymondselda.com showed us a wonderful way to Create A Tabbed Content Rotator Us...
more..
Unwrap Your Free Mac Apps Christmas Presents
Mac Giving Tree has come back again! It’s the Holiday Season. The season o...
more..
It's funny goodluck
Read
Hello good day
Read
Good crew it's cool :)
Read
Jonny was here
Read
Jonny was here
Read
JibberBook - Open Source Guestbook with Mootools
JibberBook is an easy-to-use, open-source guestbook built with PHP5 and JavaSc...
more..
jQuery Week Calendar- The Scheduler
The jquery week calendar plugin provides a simple and flexible way of including ...
more..
Tango Top Quality Vector Icons
Tango Icon Library provides developers a set of professional high quality icons....
more..
20 ways to Boost your alexa rank in 30 days
To increase your Alexa rank in the long run, http://www.doshdosh.com would high...
more..
How to Make Sexy Buttons with CSS
Alex Griffioen teach us how to create pretty looking textual buttons (with alter...
more..
Auction Ads New Look and $25 Balance to All Publis...
Auction Ads display live relevant eBay Auctions on your website, when your site&...
more..
Openads Open Source Ads Management Tool
We usually put some ads on our website or web application. We need a system to d...
more..
SocialHistory.js Detects What Social Sites Your Vi...
Nowadays, there are so many social bookmarking sites, e.g.Del.icio.us, Digg, Fac...
more..
How to Make Sexy Buttons with CSS
Alex Griffioen teach us how to create pretty looking textual buttons (with alter...
more..
TinyTable - Easy to Use Javascript Table Sorter
TinyTable is a JavaScript table sorter script is easy to use and feature packed ...
more..
PlaySafe Labs © 2009