Edit this page

OnDateSelected

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

The event handler receives two arguments:

  1. the object that fired the event.

  2. an event arguments object that exposes the following methods:OnDateSelected event arguments object for RadCalendar

Name Return Type Arguments Description
get_renderDay() RenderDay client-side object Returns the client-side RenderDay object for the day that was just selected or unselected.
Name Return Type Arguments Description
get_oldValue() string Returns the old value of the control, formatted as a string.
get_newValue() string Returns the new value of the control, formatted as a string
get_oldDate() Date object Returns the old value of the control as a Date object.
get_newDate() Date object Returns the new value of the control as a Date object.

The following example shows the OnDateSelected event for RadCalendar:

<telerik:RadCalendar RenderMode="Lightweight" ID="RadCalendar1" runat="server">
    <ClientEvents OnDateSelected="dateSelected" />
</telerik:RadCalendar>          
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. "));
}

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

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

See Also