MultiViewCalendar

Example

Razor
<kendo-multiviewcalendar>
    <messages />
    <month></month>
    <range />
</kendo-multiviewcalendar>

ChildTags

Attributes

AttributeTypeDescription
nameStringSets the name of the component.
enable-footerBooleanIf set to false, the footer will not be rendered.
deferredBooleanSuppress initialization script rendering. Note that this options should be used in conjunction with DeferredScripts method.
is-in-client-templateBooleanWhen placing a Tag Helper within a Kendo Template, set the type to text/html and add the is-in-client-template="true" attribute.
allow-reverseBooleanEnables the user to select an end date that is before the start date. This option is available only when the selectable configuration is set to range.
as-moduleBoolean
century-cells-formatCenturyCellsFormatsDefines the century cell format.
cultureStringSpecifies the culture info used by the widget.
datesDateTime[]Specifies a list of dates, which will be passed to the month template.
depthCalendarViewSpecifies the navigation depth. The following settings are available for the depth value: "month" - Shows the days of the month.; "year" - Shows the months of the year.; "decade" - Shows the years of the decade. or "century" - Shows the decades from the century..
disable-datesDateTime[]An array or function that will be used to determine which dates to be disabled in the multiViewCalendar.
disable-dates-handlerStringThue function that will be used to determine which dates to be disabled in the calendar.
footerStringThe template which renders the footer. If false, the footer will not be rendered.
footer-handlerStringThe template which renders the footer. If false, the footer will not be rendered.
formatStringSpecifies the format, which is used to parse value set with value() method.
has-client-componentBoolean
maxDateTimeSpecifies the maximum date, which the multiViewCalendar can show.
minDateTimeSpecifies the minimum date, which the multiViewCalendar can show.
on-changeStringFires when selection is changed.
on-navigateStringFires when multiViewCalendar navigates.
sanitize-idBoolean
script-attributesIDictionary<String,Object>
selectableStringBy default user is able to select a single date. The property can also be set to "multiple" or "range". More information about multiple selection can be found in the Selection article.
select-datesDateTime[]Specifies which dates to be selected when the multiViewCalendar is initialized.
show-other-month-daysBooleanWhen this configuration is enabled, the MultiViewCalendar will render days from the previous and next months in the current views.
show-view-headerBooleanIf set to true will render a header for every view.
startCalendarViewSpecifies the start view. The following settings are available for the start value: "month" - Shows the days of the month.; "year" - Shows the months of the year.; "decade" - Shows the years of the decade. or "century" - Shows the decades from the century..
valueDateTimeSpecifies the selected date.
viewsDoubleThis property controls how many months to be shown at same time. By default it shows two months.
week-numberBooleanIf set to true a week of the year will be shown on the left side of the multiViewCalendar.
In this article
ExampleChildTagsAttributes
Not finding the help you need?
Contact Support