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

Disposing RadDatePicker Calendar in Detail Window


Product RadDatePicker for ASP.NET AJAX


I have a RadDatePicker in a detail window for a grid. I needed to modify the background color dynamically, so I added a new script to the calendar. However, I noticed that the calendar is never destroyed from the page. If I close the detail window and open it again, the initialization method is called twice. It seems that the table element with the ID "_calendar" is always there and never unloaded. I need help with disposing this object or removing the event from it.


To detach the OnLoad event and dispose the RadDatePicker calendar, you can use the following script:

function initMethodName(sender, args) {

window.onbeforeunload = function () {

function detachCalendarEvents() {
    var datePicker = $find("<%= RadDatePicker1.ClientID %>"); // Adjust the ID accordingly
    if (datePicker && datePicker.get_calendar()) {
        datePicker.get_calendar().remove_load(initMethodName); // Assuming remove_load is a valid method

This script removes the load event handler from the calendar by calling the remove_load method. It also detaches the event handler when the user navigates away from the page by using the onbeforeunload event.

Note: Make sure to adjust the ID in the var datePicker = $find("<%= RadDatePicker1.ClientID %>"); line to match the ID of your RadDatePicker control.

Now the calendar will be properly disposed and the initialization method will not be called multiple times when reopening the detail window.

In this article