Full Calendar

Check out http://arshaw.com/fullcalendar for a terrific full calendar implementation.

Here’s an example of how you might want to use it with jquery.

1. Include the code

<script src="../Scripts/fullcalendar/fullcalendar.js" type="text/javascript"></script>

2. Include a div for your calendar

<div id="cal_viewcalendar"></div>

3. Setup your calendar

    $("#cal_viewcalendar").fullCalendar({
        theme: true,
        events: "GetCalendars.aspx",
        cache: true
    });

4. Render it!

$("#cal_viewcalendar").fullCalendar("render");
Advertisements
Leave a comment

3 Comments

  1. Useful features with Full Calendar « aboutss
  2. Making the Full Calendar droppable « aboutss
  3. Week at a glance with Full Calendar « aboutss

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: