Clearing RadDatepicker that is in a RadWindow

[Brad]

I have a form that appears in a RadWindow. On this form I have RadDatePicker.

There is a button on this form that calls some javascript to clear all of the form fields.

All get cleared, except for the RadDatePicker. Reason being, I cant find it.

The code I am trying to use looks like this.

var StartDatePicker = $find("<%=dpActivitytStartDate.ClientID %>");
if (StartDatePicker){
    StartDatePicker.clear();
}

However StartDatePicker is never found, therefore, never cleared.

I figure this might have something do to with the iFrame that the radWindow is in

So I tried finding the RadDatePicker like this.

$("#rwAdvancedSearchForm").contents().find("[id$='dpActivityEndDate']")

That does not find it either.

So I tried this.

var StartDatePicker = $("[id$='rwAdvancedSearchForm']").contents().find("[id$='dpActivityEndDate']");
if (StartDatePicker){
    StartDatePicker.clear();
}

In this case StartDatePicker is NOT null,

However I then get the error..

StartDatePicker.clear is not a function

What is the trick here? How to I clear a RadDatepicker that is in a RadWindow?

[Iana Tsolova]

Hello Brad,

The right approach to clear the picker's date is the first one you tried. Can you double check which is the Telerik.Web.UI dll version you are using? You can explore the Bin folder of your we site and see this in Properties -> Details. Or check the References window of the project.

Regards,
Iana Tsolova
the Telerik team

[Shinu]

Hello Brad,

I tried the following markup and JavaScript which worked as expected on my end.
aspx:

<telerik:RadWindowManager ID="RadWindowManager1" runat="server">
  <Windows>
  <telerik:RadWindow ID="RadWindow1" runat="server">
     <ContentTemplate>
         <telerik:RadDatePicker ID="RadDatePicker1" runat="server">
         </telerik:RadDatePicker>
         <asp:Button ID="Button1" runat="server" Text="Close" OnClientClick="Close();return false" />
     </ContentTemplate>
   </Windows>
</telerik:RadWindowManager>

JS:

<script type="text/javascript">
function Close(sender, args)
{
 var RadDatePicker1 = $find('<%= RadDatePicker1.ClientID %>');
 RadDatePicker1.get_element().parentNode.style["display"] = "none";
}
</script>

Thanks,
Shinu.