<kendo:calendar>

A JSP wrapper for Kendo UI Calendar.

Configuration Attributes

culture java.lang.String

Specifies the culture info used by the widget.

Example

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

dates java.lang.Object

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

Example

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

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:calendar depth="depth">
</kendo:calendar>

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

Example

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

format java.lang.String

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

Example

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

max java.util.Date

Specifies the maximum date, which the calendar can show.

Example

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

min java.util.Date

Specifies the minimum date, which the calendar can show.

Example

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

selectDates java.lang.Object

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

Example

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

selectable java.lang.String

By default user is able to select a single date. The property can also be set to "multiple" in order the multiple date selection to be enabled. More information about multiple selection can be found in the Selection article.

Example

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

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:calendar start="start">
</kendo:calendar>

value java.util.Date

Specifies the selected date.

Example

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

weekNumber boolean

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

Example

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

Configuration JSP Tags

kendo:calendar-messages

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

More documentation is available at kendo:calendar-messages.

Example

<kendo:calendar>
    <kendo:calendar-messages></kendo:calendar-messages>
</kendo:calendar>

kendo:calendar-month

Templates for the cells rendered in "month" view.

More documentation is available at kendo:calendar-month.

Example

<kendo:calendar>
    <kendo:calendar-month></kendo:calendar-month>
</kendo:calendar>

Event Attributes

change String

Fires when the selected date is changed.

For additional information check the change event documentation.

Example

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

Fires when calendar navigates.

For additional information check the navigate event documentation.

Example

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

Event Tags

kendo:calendar-change

Fires when the selected date is changed.

For additional information check the change event documentation.

Example

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

kendo:calendar-navigate

Fires when calendar navigates.

For additional information check the navigate event documentation.

Example

<kendo:calendar>
    <kendo:calendar-navigate>
        <script>
            function(e) {
                // Code to handle the navigate event.
            }
        </script>
    </kendo:calendar-navigate>
</kendo:calendar>
Is this article helpful? Yes / No
Thank you for your feedback!

Give article feedback

Tell us how we can improve this article

close
Dummy