Hide datepicker in javascript code

[Manolo]

Hi,

I want hide/show a datepicker control in function dropdownlist value

<ej:DropDownList runat="server" ID="ddlTemporalidad" Value="2" ClientSideOnChange="onTemporalidadChange">

<ej:DatePicker runat="server" ID="dateDiario"></ej:DatePicker>


        function onTemporalidadChange(args)
        {
            switch(args.value)
            {
                case "1":
                    var obj = $("#<%=dateDiario.ClientID%>").data("ejDatePicker");
                    obj.show();                 
                    break;
                case "2":
                    var obj = $("#<%=dateDiario.ClientID%>").data("ejDatePicker");
                    obj.hide();                  
                    break;
                ...............
             }
        }


But it doesn't work

[Francis Paul Antony Raj]

Hi Manolo, 

 

Thanks for contacting Syncfusion support. 

 

We have checked with your code snippet and tried with your code example. ClientSideOnChange event triggers properly when select the items in the dropdownlist and correspondingly datepicker show(), hide() method works. For your convenience, we have attached the sample in the below location. 

http://www.syncfusion.com/downloads/support/forum/124290/7z/SyncfusionASPNETApplication3-1549791701 

 

If still you face any difficulties, please check, 

#1) whether any script error thrown in console window. 

#2) whether ClientSideOnChange event triggers properly. 

#3) if triggers, check with the argument value (args.value), whether it is a string or integer type and changed the code accordingly. 

 

Please revert back the sample to reproduce the issue at our end, if still problem persists. 

 

Regards, 

Francis Paul A