Defines the buttons and title at the top of the calendar.
array(
'left'=> 'prev, next today',
'center=> 'title',
'right'=> 'agendaDay, agendaWeek, month'
)
Setting the header options to false will display no header. An array can be supplied with properties left, center, and right. These properties contain strings with comma/space separated values. Values separated by a comma will be displayed adjacently. Values separated by a space will be displayed with a small gap in between. Strings can contain any of the following values:
title
text containing the current month/week/day
prev
button for moving the calendar back one month/week/day
next
button for moving the calendar forward one month/week/day
prevYear
button for moving the calendar back on year
nextYear
button for moving the calendar forward one year
today
button for moving the calendar to the current month/week/day
a view name
button that will switch the calendar to any of the Available Views
Example:
$eventcal->setOption("header"=>array('left'=> 'title','center'=> '', 'right'=> 'today prev,next'));
buttonIcons
Determines which theme icons appear on the header buttons.
array(
'prev'=> 'circle-triangle-w',
'next'=> 'circle-triangle-e'
)
A hash must be supplied that maps button names (from the header) to icon strings. The icon strings determine the CSS class that will be used on the button. For example, the string 'circle-triangle-w' will result in the class 'ui-icon-triangle-w'.
If a button does not have an entry, it falls back to using buttonText.
If you are using a jQuery UI theme and would prefer not to display any icons and would rather use buttonText instead, you can set the buttonIcons option to false.
Example:
$eventcal->setOption("buttonIcons"=>array( 'prev'=> 'circle-triangle-w', 'next'=> 'circle-triangle-e'));
firstDay
The day that each week begins.
Sunday=0, Monday=1, Tuesday=2, etc.
This option is useful for UK users who need the week to start on Monday (1).
weekends
Whether to include Saturday/Sunday columns in any of the calendar views.
weekMode
Determines the number of weeks displayed in a month view. Also determines each week's height.
'fixed'
The calendar will always be 6 weeks tall. The height will always be the same, as determined by height, contentHeight, or aspectRatio.
'liquid'
The calendar will have either 4, 5, or 6 weeks, depending on the month. The height of the weeks will stretch to fill the available height, as determined by height, contentHeight, or aspectRatio.
'variable'
The calendar will have either 4, 5, or 6 weeks, depending on the month. Each week will have the same constant height, meaning the calendar’s height will change month-to-month.
height
Will make the entire calendar (including header) a pixel height.
Example usage of height:
Example:
$eventcal->setOption("height"=>650);
Setter
You can dynamically set a calendar's height after initialization with javaScript:
$('#calendar').fullCalendar('option', 'height', 700);
contentHeight
Will make the calendar's content area a pixel height.
Example usage of contentHeight:
Example:
$eventcal->setOption("contentHeight"=>600);
Setter
You can dynamically set a calendar's content height after initialization with javaScript:
$('#calendar').fullCalendar('option', 'contentHeight', 700);
aspectRatio
Determines the width-to-height aspect ratio of the calendar.
The following example will initialize a calendar who's width is twice its height:
$eventcal->setOption("aspectRatio"=>2);
Setter
You can dynamically set a calendar's aspectRatio after initialization with JavaScript:
$('#calendar').fullCalendar('option', 'aspectRatio', 1.8);
defaultView
The initial view when the calendar loads.
Available Views
jqScheduler has a number of different "views", or ways of displaying days and events. The following 6 views are available:
You can define header buttons to allow the user to switch between them. You can set the initial view of the calendar with the defaultView option (see above).