The OnDateSelected client-side event handler is called immediately after the value of the control's selection has changed.

Note
The OnDateSelected event is supported by: RadCalendar, RadDatePicker, RadTimePicker, and RadDateTimePicker.

Two parameters are passed to the event handler:

• sender is the control whose value changed.

• eventArgs depends on the control firing the event:

  • For RadCalendar, eventArgs has a single method: get_renderDay(), which returns the client-side RenderDay object for the day that was just selected or unselected.

  • For RadDatePicker, RadTimePicker, and RadDateTimePicker, eventArgs has the following methods:

    • get_oldValue() returns the old value of the control, formatted as a string.

    • get_newValue() returns the new value of the control, formatted as a string.

    • get_oldDate() returns the old value of the control as a Date object.

    • get_newDate() returns the new value of the control as a Date object.

The following example shows the OnDateSelected event for RadCalendar:

CopyASPX

<script type="text/javascript">
    function DateSelected(sender, eventArgs) {
        var date = eventArgs.get_renderDay().get_date();
        var dfi = sender.DateTimeFormatInfo;
        var formattedDate = dfi.FormatDate(date, dfi.ShortDatePattern);
        alert(formattedDate + " was just " + 
        (eventArgs.get_renderDay().get_isSelected() ? "selected. " : "unselected. "));
    }
</script>
<telerik:RadCalendar ID="RadCalendar1" runat="server">
    <ClientEvents OnDateSelected="DateSelected" />
</telerik:RadCalendar>

The following example shows the OnDateSelected event for RadDatePicker. The OnDateSelected event works the same way for RadTimePicker and RadDateTimePicker.

CopyASPX

 <script type="text/javascript">
     function DateSelected(sender, eventArgs) {
         alert("The date was just changed from " +
        eventArgs.get_oldValue() + " to " + eventArgs.get_newValue());
     }
</script>
<telerik:RadDatePicker ID="RadDatePicker1" runat="server">
    <ClientEvents OnDateSelected="DateSelected" />
</telerik:RadDatePicker>