Week at a glance with Full Calendar

Adding onto the Full Calendar post, here’s something you can use to show a week at a glance.

1. Just change the defaultView attribute for the calendar you are rendering

    $("#cal_viewcalendarweekataglance").fullCalendar({
        theme: true,
        events: "SomeWebPage.aspx",
        cache: true,
        height: 160,
        defaultView: 'basicWeek',
        eventRender: function (event, element) {
            element.find('span.fc-event-title').html(element.find('span.fc-event-title').text());
        },
        eventMouseover: function (event, element, view) {
            $(this).css('border', '3px dashed #c70000');
        },
        eventMouseout: function (event, element, view) {
            $(this).css('border', '0px');
        }
    });
Advertisements
Next Post
Leave a comment

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: