The OnDateClick client-side event handler is called when the user clicks on a date in the day matrix or presses the ENTER key while a date has focus. If the day is selectable, this event occurs before the OnDateSelecting event. If the day is not selectable (but in the valid range), this event occurs, but not the OnDateSelecting event.

Note
The OnDateClick event is supported by: RadCalendar.

Two parameters are passed to the event handler:

• sender is the calendar control.

• eventArgs has the following properties:

• get_renderDay() returns the client-side RenderDay object that represents the day that was just clicked.

• get_domEvent() returns the DOM event object for the mouse click event.

• set_cancel() lets you prevent the click from selecting the date that is clicked. However, even after calling set_cancel(true), focus still moves to the clicked date.

The following example uses the OnDateClick event to confirm the selection of a date:

CopyASPX

<script type="text/javascript">
       function confirmClick(sender, eventArgs) {
           var day = eventArgs.get_renderDay();
           if (day.get_isSelectable()) {
               var date = day.get_date();
               var dfi = sender.DateTimeFormatInfo;
               var formattedDate = dfi.FormatDate(day.get_date(), dfi.ShortDatePattern);
               var confirmClick = confirm("Are you sure you want to " +
               (day.get_isSelected() ? "unselect " : "select ") + formattedDate + "?");
               eventArgs.set_cancel(!confirmClick);
           }
       }
</script>
<telerik:RadCalendar ID="RadCalendar1" runat="server">
    <ClientEvents OnDateClick="confirmClick" />
</telerik:RadCalendar>