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

Events Overview

The RadTimePicker control supports a number of client-side events that let you respond to user actions without postback. The following table lists the available client-side events:

Event Description
OnDateSelected Occurs immediately after the value of the control's selection has been changed.
OnPopupOpening Occurs immediately before a popup is displayed, before the selection in the popup is synchronized with the input area.
OnPopupClosing Occurs immediately before the a popup is closed.

The embedded RadDateInput object that is used by RadTimePicker also has number of client events. See the RadInput documentation for details.

To use these events, simply write a JavaScript function that can be called when the event occurs. Then assign the name of the JavaScript function as the value of the the corresponding property.

<telerik:RadTimePicker RenderMode="Lightweight" ID="RadTimePicker1" runat="server">
    <TimeView OnClientTimeSelected="clientTimeSelected"></TimeView>
</telerik:RadTimePicker>
function clientTimeSelected(sender, e) {
    var oldTime = e.get_oldTime() ? (e.get_oldTime().localeFormat("h:mm tt")) : "";
    var newTime = e.get_newTime() ? (e.get_newTime().localeFormat("h:mm tt")) : "";
    var info = "OnClientTimeSelected: " + "oldTime- " + oldTime + ", newTime- " + newTime;

    alert(info);
}

See Also

In this article