How to implement a calendar like google's with jQuery?

Question

It should provide ease to add event to the calendar.

When I click on the cell,should let me edit the notes.

EDIT

I've looked through many calendars but none of them meet the requirement that it should let the user add notes easily!

Answer 1

jMonthCalendar and jQuery Week Calendar are both pretty good. If you want to roll your sleeves up and get your hands dirty making your own, there's a nice tutorial online demonstrating how to make an iCal-like jQuery Calendar. There's an online demo too: http://www.stefanoverna.com...ical_like_calendar/

Answer 2

http://arshaw.com/fullcalendar/

Also if you are interested in iCal like calendar: http://www.stefanoverna.com/log/create-astonishing-ical-like-calendars-with-jquery

Answer 3

Depends on what you really need. Since you didn't 100% specify it, I point you to the possibility of embedding a publicly shared Google Calendar on your site: http://www.google.com/support/calendar/bin/answer.py?hl=en&answer=41207

Since you're so strict on having the exact same functionality as on GCalendar it may satisfy your needs.

Answer 4

If usage of jquery is not critical, you can check dhtmlxScheduler, which allows adding new events, similar to Google Calendar

Answer 5

Gotta bump for my favorite... FullCalendar. Does Day/Week/Month view, with a really great API, and optional support for jQuery UI Themes.

Answer 6

Here is one I put together. I sorta looks like Google Calendar.

http://code.google.com/p/jquery-frontier-calendar/