wijcalendar jQuery Widget

Show a single month or a table of months with customizable styles and navigation elements.

Syntax

Javascript (Usage)
$(function () { var options; // Type: wijmo.calendar.wijcalendar.options $(".selector").wijcalendar(options); });

Javascript (Usage)

$(function () {
    var options; // Type:  wijmo.calendar.wijcalendar.options
     
    $(".selector").wijcalendar(options);
});

Javascript (Specification)
function wijcalendar() : any;

Browser Compatibility

Options

	Name	Description
	allowPreview	Default value: false Allows users to preview the next and previous months by hovering over the previousPreview and nextPreview buttons.
	allowQuickPick	Default value: true Determines whether users can change the view to month/year/decade while clicking on the calendar title.
	autoHide	Default value: true A Boolean property that determines whether to autohide the calendar in pop-up mode when clicking outside of the calendar.
	calendarWeekRule	Default value: 'firstDay' Defines different rules for determining the first week of the year.
	culture	Default value: "" Assigns the string value of the culture ID that appears on the calendar for the weekday and title names.
	customizeDate	Default value: null Function used for customizing the content, style and attributes of a day cell.
	dayCols	Default value: 7 Gets or sets the number of day columns that appear in the calendar. This is useful if you want to view more or less calendar days on the calendar month.
	dayRows	Default value: 6 Gets or sets the number of day rows that appear in the calendar. This is useful if you want to view more or less calendar days on the calendar month.
	direction	Default value: 'horizontal' Determines the month slide direction.
	displayDate	Gets or sets the display date for the first month view. You can specify the date via a Date object.
	duration	Default value: 250 Gets or sets the animation duration in milliseconds.
	easing	Default value: 'easeInQuad' Sets the type of animation easing effect that users experience when they click the previous or next buttons on the wijcalendar.
	maxDate	Determines the maximum date to display. You can specify the maxDate via a Date object.
	minDate	Determines the minimum date to display. You can specify the minDate via a Date object.
	monthCols	Default value: 1 Gets or sets the number of calendar months in horizontal direction.
	monthRows	Default value: 1 Gets or sets the number of calendar months in vertical direction.
	navButtons	Default value: 'default' Determines the display type of navigation buttons.
	nextPreviewTooltip	Default value: "" Gets or sets the "next preview" button's ToolTip.
	nextTooltip	Default value: 'Next' Gets or sets the text for the 'next' button's ToolTip.
	popupMode	Default value: false A Boolean property that determines whether the wijcalendar widget is a pop-up calendar.
	prevPreviewTooltip	Default value: "" Gets or sets the "previous preview" button's ToolTip.
	prevTooltip	Default value: 'Previous' Gets or sets the text for the 'previous' button's ToolTip.
	quickNavStep	Default value: 12 Determines the increase/decrease steps when clicking the quick navigation button.
	quickNextTooltip	Default value: 'Quick Next' Gets or sets the "quick next" button's ToolTip.
	quickPrevTooltip	Default value: 'Quick Previous' Gets or sets the "quick previous" button's ToolTip.
	selectionMode	Gets or sets the date selection mode on the calendar control that specifies whether the user can select a single day, a week, or an entire month.
	showDayPadding	Default value: false Determines whether to add zeroes to days with only one digit
	showOtherMonthDays	Default value: true Determines whether to display the days of the next and/or previous month.
	showTitle	Default value: true A Boolean property that determines whether to display the calendar's title.
	showWeekDays	Default value: true A Boolean property that determines whether to display week days.
	showWeekNumbers	Default value: false Determines whether to display week numbers.
	title	Default value: null A callback function used to customizing the title text on month view.
	titleFormat	Default value: 'MMMM yyyy' Gets or sets the format for the title text.
	toolTipFormat	Default value: 'dddd, MMMM dd, yyyy' Gets or sets the format for the ToolTip.
	weekDayFormat	Default value: 'short' Gets or sets the format for the week day.

Top

Methods

	Name	Description
	close	Closes the calendar if it is in the pop-up state.
	destroy	Remove the functionality completely. This will return the element back to its pre-init state.
	getDisplayDate	Gets the valid display date.
	getSelectedDate	Gets the currently selected date.
	isPopupShowing	Determines whether the calendar is in the pop-up state.
	popup	Pops up the calendar at specifies position.
	popupAt	Pops up the calendar at the specified X and Y coordinates in the document.
	refresh	Refreshes the calendar.
	refreshDate	Refereshes a single date on the calendar.
	selectDate	Selects the specified date.
	unSelectAll	Clears any selections from dates on the calendar, removing them from the selectedDates collection.
	unSelectDate	Clears any selection from the specified date.
	widget	Returns a jQuery object containing the original element or other relevant generated element.

Top

Events

	Name	Description
	afterSelect	The afterSelect event handler. A function called after user selects a day by mouse.
	afterSlide	The afterSlide event handler. A function called after the calendar view slided to another month. Cancellable.
	beforeSelect	The beforeSelect event handler. A function called before user selects a day by mouse. Cancellable.
	beforeSlide	The beforeSlide event handler. A function called before the calendar view slides to another month. Cancellable.
	selectedDatesChanged	The selectedDatesChanged event handler. A function called after the selectedDates collection changed.

Top

See Also

Widgets

Reference