New to Telerik UI for ASP.NET AJAX? Start a free 30-day trial

Definition

Namespace:Telerik.Web.UI

Inheritance: Telerik.Web.UI.RadWebControlTelerik.Web.UI.RadCalendar

Events

Adds a calendarViewChanged event handler for the radcalendar

JS
add_calendarViewChanged
Parameters:handlerFunction

The event handler function to attach

Adds a calendarViewChanging event handler for the radcalendar

JS
add_calendarViewChanging
Parameters:handlerFunction

The event handler function to attach

Adds a columnHeaderClick event handler for the radcalendar

JS
add_columnHeaderClick
Parameters:handlerFunction

The event handler function to attach

Adds a dateClick event handler for the radcalendar

JS
add_dateClick
Parameters:handlerFunction

The event handler function to attach

Adds a dateSelected event handler for the radcalendar

JS
add_dateSelected
Parameters:handlerFunction

The event handler function to attach

Adds a dateSelecting event handler for the radcalendar

JS
add_dateSelecting
Parameters:handlerFunction

The event handler function to attach

Adds a dayRender event handler for the radcalendar

JS
add_dayRender
Parameters:handlerFunction

The event handler function to attach

Adds a init event handler for the radcalendar

JS
add_init
Parameters:handlerFunction

The event handler function to attach

Adds a load event handler for the radcalendar

JS
add_load
Parameters:handlerFunction

The event handler function to attach

Adds a rowHeaderClick event handler for the radcalendar

JS
add_rowHeaderClick
Parameters:handlerFunction

The event handler function to attach

Adds a viewSelectorClick event handler for the radcalendar

JS
add_viewSelectorClick
Parameters:handlerFunction

The event handler function to attach

Removes a calendarViewChanged event handler from the radcalendar

JS
remove_calendarViewChanged
Parameters:handlerFunction

The event handler function to remove

Removes a calendarViewChanging event handler from the radcalendar

JS
remove_calendarViewChanging
Parameters:handlerFunction

The event handler function to remove

Removes a columnHeaderClick event handler from the radcalendar

JS
remove_columnHeaderClick
Parameters:handlerFunction

The event handler function to remove

Removes a dateClick event handler from the radcalendar

JS
remove_dateClick
Parameters:handlerFunction

The event handler function to remove

Removes a dateSelected event handler from the radcalendar

JS
remove_dateSelected
Parameters:handlerFunction

The event handler function to remove

Removes a dateSelecting event handler from the radcalendar

JS
remove_dateSelecting
Parameters:handlerFunction

The event handler function to remove

Removes a dayRender event handler from the radcalendar

JS
remove_dayRender
Parameters:handlerFunction

The event handler function to remove

Removes a init event handler from the radcalendar

JS
remove_init
Parameters:handlerFunction

The event handler function to remove

Removes a load event handler from the radcalendar

JS
remove_load
Parameters:handlerFunction

The event handler function to remove

Removes a rowHeaderClick event handler from the radcalendar

JS
remove_rowHeaderClick
Parameters:handlerFunction

The event handler function to remove

Removes a viewSelectorClick event handler from the radcalendar

JS
remove_viewSelectorClick
Parameters:handlerFunction

The event handler function to remove

Methods

Returns the triplet for the date that is offset by the specified number of days from the current month. If the parameter is positive, the days are offset from the last day of the month. If the parameter is negative, the days are offset from the first day of the month.

JS
calculateDateFromStep(Number step): Array
Parameters:stepNumberReturns:

Array

Returns the value of the AutoPostBack property.

JS
get_autoPostBack(): Boolean
Returns:

Boolean

Returns whether the month/year navigation popup is enabled.

JS
get_calendarEnableMonthYearFastNavigation(): Boolean
Returns:

Boolean

Returns whether the navigation buttons appear on the title bar.

JS
get_calendarEnableNavigation(): Boolean
Returns:

Boolean

Returns the cell date format

JS
get_cellDayFormat(): String
Returns:

String

Returns the RadCalendar culture name.

JS
get_culture(): String
Returns:

String

Returns the separator string that will be put between start and end months in a multi view title.

JS
get_dateRangeSeparator(): String
Returns:

String

Get the format of the date that appears when the user hovers the mouse over a cell in the calendar.

JS
get_dayCellToolTipFormat(): String
Returns:

String

Returns a value indicating whether the Aria support is enabled.

JS
get_enableAriaSupport(): Boolean
Returns:

Boolean

Returns true if the control is enabled.

JS
get_enabled(): Boolean
Returns:

Boolean

Returns true if the calendar allows multiple dates to be selected.

JS
get_enableMultiSelect(): Boolean
Returns:

Boolean

Returns true if navigation animation is enabled.

JS
get_enableNavigationAnimation(): Boolean
Returns:

Boolean

Returns true if the repeatable days are enabled

JS
get_enableRepeatableDaysOnClient(): Boolean
Returns:

Boolean

Returns the number of months by which the view changes when the user clicks the fast navigation buttons.

JS
get_fastNavigationStep(): Number
Returns:

Number

Returns the triplet that represents the currently focused date. The focused Date is the date that determines which view the calendar displays.

JS
get_focusedDate(): Array
Returns:

Array

Returns a boolean value indicating whether the navigation controls are hidden.

JS
get_hideNavigationControls(): Boolean
Returns:

Boolean

Returns an array with the fast navigation settings. The settings are, in order, TodayButtonCaption, OkButtonCaption, CancelButtonCaption, DateIsOutOfRangeMessage, EnableTodayButtonSelection.

JS
get_monthYearNavigationSettings(): Array
Returns:

Array

Returns the number of columns when the calendar is in multi-view mode (the number of months in each row).

JS
get_multiViewColumns(): Number
Returns:

Number

Returns the number of rows when the calendar is in multi-view mode (the number of months in each column).

JS
get_multiViewRows(): Number
Returns:

Number

Returns 1 if the orientation is "RenderInRows", 2 if it is "RenderInColumns".

JS
get_orientation(): Number
Returns:

Number

Returns the current presentation type (Interactive - 1, Preview - 2)

JS
get_presentationType(): Number
Returns:

Number

Returns the triplet for the maximum date that the user can select.

JS
get_rangeMaxDate(): Array
Returns:

Array

Returns the triplet for the minimum date that the user can select.

JS
get_rangeMinDate(): Array
Returns:

Array

Returns last date form the selected range when when RadCalendar's range selection is enabled.

JS
get_rangeSelectionEndDate(): Date
Returns:

Date

Returns first date form the selected range when when RadCalendar's range selection is enabled.

JS
get_rangeSelectionStartDat(): Date
Returns:

Date

Returns an array of triplets that represent the selected dates in the calendar.

JS
get_selectedDates(): Array
Returns:

Array

Returns a value indicating whether the day cell tooltips should be shown.

JS
get_showDayCellToolTips(): Boolean
Returns:

Boolean

Returns true if the calendar displays days from months other than the focused month.

JS
get_showOtherMonthsDays(): Boolean
Returns:

Boolean

Returns the number of columns in each month view.

JS
get_singleViewColumns(): Number
Returns:

Number

Returns the number of rows in each month view.

JS
get_singleViewRows(): Number
Returns:

Number

Returns the name of the current skin

JS
get_skin(): String
Returns:

String

Returns an array (0-offset)containing information about the special days that are defined. Each element in the array is an array (1-offset) with the following elements (in order): a triplet for the date, four elements that are not used client-side, an indicator of the repeatable status of the special day, another unused element, the tool tip for the day, and array with the style settings for the special day.

JS
get_specialDaysArray(): Array
Returns:

Array

Returns an array that specifies the CSS classes, set for the predefined styles. For example: CalendarTableStyle - rcMainTable

JS
get_stylesHash(): Array
Returns:

Array

Returns the header (title) date format

JS
get_titleFormat(): String
Returns:

String

Returns whether the column selection is enabled.

JS
get_useColumnHeadersAsSelectors(): Boolean
Returns:

Boolean

Returns whether the row selection is enabled.

JS
get_useRowHeadersAsSelectors(): Boolean
Returns:

Boolean

Causes the calendar to switch to the view containing the specified date.

JS
navigateToDate(Array date): void
Parameters:dateArray

Raises the calendarViewChanged event.

JS
raise_calendarViewChanged(Function handler): void
Parameters:handlerFunction

Raises the calendarViewChanging event.

JS
raise_calendarViewChanging(Function handler): void
Parameters:handlerFunction

Raises the columnHeaderClick event.

JS
raise_columnHeaderClick(Function handler): void
Parameters:handlerFunction

Raises the dateClick event.

JS
raise_dateClick(Function handler): void
Parameters:handlerFunction

Raises the dateSelected event.

JS
raise_dateSelected(Function handler): void
Parameters:handlerFunction

Raises the dateSelecting event.

JS
raise_dateSelecting(Function handler): void
Parameters:handlerFunction

Raises the dayRender event.

JS
raise_dayRender(Function handler): void
Parameters:handlerFunction

Raises the init event.

JS
raise_init(Function handler): void
Parameters:handlerFunction

Raises the load event.

JS
raise_load(Function handler): void
Parameters:handlerFunction

Raises the rowHeaderClick event.

JS
raise_rowHeaderClick(Function handler): void
Parameters:handlerFunction

Raises the viewSelectorClick event.

JS
raise_viewSelectorClick(Function handler): void
Parameters:handlerFunction

Selects the specified date.

JS
selectDate(Date date, Boolean navigate): void
Parameters:dateDate

The DateTime object which should be selected.

navigateBoolean

Boolean value that indicates whether the calendar should navigate to the specified date.

Selects the set of dates in the first parameter, where each date is represented by triplet. If the second parameter is true, the calendar navigates to the view containing the newly selected dates.

JS
selectDates(Array dates, Boolean navigate): void
Parameters:datesArraynavigateBoolean

Sets the value of the AutoPostBack property.

JS
set_autoPostBack(Boolean value): void
Parameters:valueBoolean

Sets whether the month/year navigation popup is enabled.

JS
set_calendarEnableMonthYearFastNavigation(Boolean value): void
Parameters:valueBoolean

Returns whether the navigation buttons appear on the title bar. NOTE: Setting this property on the client has no effect.

JS
set_calendarEnableNavigation(Boolean value): void
Parameters:valueBoolean

Sets the cell day format

JS
set_cellDayFormat(String value): void
Parameters:valueString

Sets the separator string that will be put between start and end months in a multi view title.

JS
set_dateRangeSeparator(String value): void
Parameters:valueString

Selects all dates between startDate and endDate, when RadCalendar's range selection is enabled.

JS
set_datesInRange(Date startDate, Date endDate): void
Parameters:startDateDateendDateDate

Set the format of the date that appears when the user hovers the mouse over a cell in the calendar.

JS
set_dayCellToolTipFormat(String value): void
Parameters:valueString

Enables/disables the control

JS
set_enabled(Boolean value): void
Parameters:valueBoolean

Sets whether the calendar allows multiple dates to be selected.

JS
set_enableMultiSelect(Boolean value): void
Parameters:valueBoolean

If set to true, this causes the RadCalendar control to display animated effects when the user changes the current month using the navigation controls in the title bar:

JS
set_enableNavigationAnimation(Boolean value): void
Parameters:valueBoolean

Enables/disabled the repeatable days

JS
set_enableRepeatableDaysOnClient(Boolean value): void
Parameters:valueBoolean

Sets the number of months by which the view changes when the user clicks the fast navigation buttons.

JS
set_fastNavigationStep(Number value): void
Parameters:valueNumber

Sets the focused Date - it determines which view the calendar displays.

JS
set_focusedDate(Array date): void
Parameters:dateArray

Sets a value indicating whether the naviagation control should be visible

JS
set_hideNavigationControls(Boolean value): void
Parameters:valueBoolean

Sets the fast navigation settings. The settings are, in order, TodayButtonCaption, OkButtonCaption, CancelButtonCaption, DateIsOutOfRangeMessage, EnableTodayButtonSelection. Changes you make to these settings have an effect only if you make them before the first time the month/year navigation popup is displayed.

JS
set_monthYearNavigationSettings(Array value): void
Parameters:valueArray

Sets the number of columns when the calendar is in multi-view mode (the number of months in each row).

JS
set_multiViewColumns(Number value): void
Parameters:valueNumber

Sets the number of rows when the calendar is in multi-view mode (the number of months in each column).

JS
set_multiViewRows(Number value): void
Parameters:valueNumber

Sets the orientation (1 - RenderInRows, 2 - RenderInColumns)

JS
set_orientation(Number value): void
Parameters:valueNumber

Sets the current presentation type (Interactive - 1, Preview - 2)

JS
set_presentationType(Number value): void
Parameters:valueNumber

Sets the maximum date to the date represented by a triplet.

JS
set_rangeMaxDate(Array date): void
Parameters:dateArray

Sets the minimum date to the date represented by a triplet.

JS
set_rangeMinDate(Array date): void
Parameters:dateArray

Sets a value indication whether the day cell tooltips should be visible.

JS
set_showDayCellToolTips(Boolean value): void
Parameters:valueBoolean

Sets whether the calendar displays days from months other than the focused month.

JS
set_showOtherMonthsDays(Boolean value): void
Parameters:valueBoolean

Sets the number of columns in each month view.

JS
set_singleViewColumns(Number value): void
Parameters:valueNumber

Sets the number of rows in each month view.

JS
set_singleViewRows(Number value): void
Parameters:valueNumber

Changes the current skin

JS
set_skin(String value): void
Parameters:valueString

Sets the special days. Each element in the array is an array (1-offset) with the following elements (in order): a triplet for the date, four elements that are not used client-side, an indicator of the repeatable status of the special day, another unused element, the tool tip for the day, and array with the style settings for the special day.

JS
set_specialDaysArray(Array value): void
Parameters:valueArray

Sets the predefined RadCalendar styles.

JS
set_stylesHash(Array value): void
Parameters:valueArray

Sets the headers (title) date format

JS
set_titleFormat(String value): void
Parameters:valueString

Enables/disables the column selection

JS
set_useColumnHeadersAsSelectors(Boolean value): void
Parameters:valueBoolean

Enables/disables the row selection

JS
set_useRowHeadersAsSelectors(Boolean value): void
Parameters:valueBoolean

Un-selects the date represented by the parameter if it is currently selected.

JS
unselectDate(Array date): void
Parameters:dateArray

Un-selects all the dates represented by triplets in the array if they are currently selected.

JS
unselectDates(Array dates): void
Parameters:datesArray
Not finding the help you need?
Contact Support