<kendo:multiViewCalendar>

A JSP wrapper for Kendo UI MultiViewCalendar.

Configuration Attributes

culture java.lang.String

Specifies the culture info used by the widget.

Example

<kendo:multiViewCalendar culture="culture">
</kendo:multiViewCalendar>

dates java.lang.Object

Specifies a list of dates, which will be passed to the month template.

Example

<kendo:multiViewCalendar dates="dates">
</kendo:multiViewCalendar>

depth java.lang.String

Specifies 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..

Example

<kendo:multiViewCalendar depth="depth">
</kendo:multiViewCalendar>

The template which renders the footer. If false, the footer will not be rendered.

Example

<kendo:multiViewCalendar footer="footer">
</kendo:multiViewCalendar>

format java.lang.String

Specifies the format, which is used to parse value set with value() method.

Example

<kendo:multiViewCalendar format="format">
</kendo:multiViewCalendar>

max java.util.Date

Specifies the maximum date, which the multiViewCalendar can show.

Example

<kendo:multiViewCalendar max="max">
</kendo:multiViewCalendar>

min java.util.Date

Specifies the minimum date, which the multiViewCalendar can show.

Example

<kendo:multiViewCalendar min="min">
</kendo:multiViewCalendar>

selectDates java.lang.Object

Specifies which dates to be selected when the multiViewCalendar is initialized.

Example

<kendo:multiViewCalendar selectDates="selectDates">
</kendo:multiViewCalendar>

selectable java.lang.String

By 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.

Example

<kendo:multiViewCalendar selectable="selectable">
</kendo:multiViewCalendar>

showViewHeader boolean

If set to true will render a header for every view.

Example

<kendo:multiViewCalendar showViewHeader="showViewHeader">
</kendo:multiViewCalendar>

start java.lang.String

Specifies 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..

Example

<kendo:multiViewCalendar start="start">
</kendo:multiViewCalendar>

value java.util.Date

Specifies the selected date.

Example

<kendo:multiViewCalendar value="value">
</kendo:multiViewCalendar>

views float

This property controls how many months to be shown at same time. By default it shows two months.

Example

<kendo:multiViewCalendar views="views">
</kendo:multiViewCalendar>

weekNumber boolean

If set to true a week of the year will be shown on the left side of the multiViewCalendar.

Example

<kendo:multiViewCalendar weekNumber="weekNumber">
</kendo:multiViewCalendar>

Configuration JSP Tags

kendo:multiViewCalendar-messages

Allows localization of the strings that are used in the widget.

More documentation is available at kendo:multiViewCalendar-messages.

Example

<kendo:multiViewCalendar>
    <kendo:multiViewCalendar-messages></kendo:multiViewCalendar-messages>
</kendo:multiViewCalendar>

kendo:multiViewCalendar-month

Templates for the cells rendered in "month" view.

More documentation is available at kendo:multiViewCalendar-month.

Example

<kendo:multiViewCalendar>
    <kendo:multiViewCalendar-month></kendo:multiViewCalendar-month>
</kendo:multiViewCalendar>

kendo:multiViewCalendar-range

Configures the Kendo UI MultiViewCalendar range settings.

More documentation is available at kendo:multiViewCalendar-range.

Example

<kendo:multiViewCalendar>
    <kendo:multiViewCalendar-range></kendo:multiViewCalendar-range>
</kendo:multiViewCalendar>

Event Attributes

change String

Fires when selection is changed.

For additional information check the change event documentation.

Example

<kendo:multiViewCalendar change="handle_change">
</kendo:multiViewCalendar>
<script>
    function handle_change(e) {
        // Code to handle the change event.
    }
</script>

Fires when multiViewCalendar navigates.

For additional information check the navigate event documentation.

Example

<kendo:multiViewCalendar navigate="handle_navigate">
</kendo:multiViewCalendar>
<script>
    function handle_navigate(e) {
        // Code to handle the navigate event.
    }
</script>

Event Tags

kendo:multiViewCalendar-change

Fires when selection is changed.

For additional information check the change event documentation.

Example

<kendo:multiViewCalendar>
    <kendo:multiViewCalendar-change>
        <script>
            function(e) {
                // Code to handle the change event.
            }
        </script>
    </kendo:multiViewCalendar-change>
</kendo:multiViewCalendar>

kendo:multiViewCalendar-navigate

Fires when multiViewCalendar navigates.

For additional information check the navigate event documentation.

Example

<kendo:multiViewCalendar>
    <kendo:multiViewCalendar-navigate>
        <script>
            function(e) {
                // Code to handle the navigate event.
            }
        </script>
    </kendo:multiViewCalendar-navigate>
</kendo:multiViewCalendar>
In this article
Not finding the help you need?