Edit this page

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

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