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

Overview

This article lists the client-side events of the RadDateRangePicker and how to use them.

All events follow the MS AJAX client events convention and receive two arguments:

sender - the RadDateRangePicker instance that raised the event.
event arguments - event-specific data provided to the developer.

The client-side events exposed by RadDateRangePicker

EVENT	APPLIES TO	DESCRIPTION
OnDateSelected	RadDateRangePicker	Occurs immediately after a date has been selected. It fires separately for selecting StartDate and EndDate.
OnPopupOpening	RadDateRangePicker	Occurs just before a popup is displayed, before the selection in the popup is synchronized with the input area.
OnPopupClosing	RadDateRangePicker	Occurs just before the a popup is closed.

The embedded RadCalendar and RadDatePicker objects used by RadDateRangePicker also has number of client-side events. For more details see the client events articles for RadCalendar and RadDatePicker . Have in mind that some events of the embedded controls are disabled so RadDateRangePicker can serve its goals.

To use the client-side 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.

ASP.NET

<telerik:RadDateRangePicker RenderMode="Lightweight" ID="RadDateRangePicker1" runat="server">
    <ClientEvents OnPopupOpening="popupOpening" />
</telerik:RadDateRangePicker>

JavaScript

function popupOpening(sender, args) {
    alert("popup is opening");
}

See live sample of handling the client events in our Client-side events demo

Overview

See Also