Telerik UI for Windows 8 HTML

This article describes the events fired by RadCalendar, their usage and most notable event arguments.

Event Name

Description

Arguments

change

Fires when the selected date is changed.

e.target - the RadCalendar control that triggered the event.

navigate

Fires when the control navigates.

e.target - the RadCalendar control that triggered the event.

Here follows an example of using the change event to access the selected date:

Control declaration Copy imageCopy
<div id="calendar1" data-win-control="Telerik.UI.RadCalendar" data-win-options="{
    onchange: Events.change
}">
</div>
<p id="info" style="color: #ff6a00"></p>
Handling the change event Copy imageCopy
WinJS.Namespace.define("Events", {
    change: WinJS.Utilities.markSupportedForProcessing(function (e) {
        var calendar = e.target;
        info.innerText = "Selected date is: " + calendar.value.toDateString();    
    })
});