enable/disable datepicker with dropdown asp.net

Question

i have dropdown for selecting data type of data in a textbox. dropdown options are like integer, decimal,string,date.

everything is working fine except one thing that is am unable to get a datepicker to the text box when dropdown is selected to date.

tried something like but failed to achieve

$(function () {
            $(".date1").datepicker({
                changeMonth: true,
                changeYear: true,
                numberOfMonths: 1

            });
        });

$("#<%=ddlDataType.ClientID %>").change(function () {
            if ($('#<%=ddlDataType.ClientID %> option:selected').text().toLowerCase() == "date") {
                $("#<%=txtDefaultValue.ClientID%>").prop("class", "date1");
            }
            else {
                $("#<%=txtDefaultValue.ClientID%>").prop("class", "");
            }
        });

what is the possible way to achieve this.

Are you using jQueryUI for your datepickers?

Chris Bohatka
– Chris Bohatka

2015-03-17 13:25:46 +00:00
Commented Mar 17, 2015 at 13:25 — Chris Bohatka
– Chris Bohatka, Commented Mar 17, 2015 at 13:25
yes am using jQueryUI.

chanti
– chanti

2015-03-17 14:07:19 +00:00
Commented Mar 17, 2015 at 14:07 — chanti
– chanti, Commented Mar 17, 2015 at 14:07

SSA · Accepted Answer · 2015-03-17 13:38:21Z

1

If you want to remove it (keep it enable for other purpose) then you can use destroy method

$("#<%=txtDefaultValue.ClientID%>").datepicker("destroy");

else

You can set option enable and disable, on change event of ddlDataType drowndown list.

$("#<%=txtDefaultValue.ClientID%>").datepicker('enable');

$("#<%=txtDefaultValue.ClientID%>").datepicker('disable');

alternative you can also set options to enable disable datepicker

//To enable

$("#<%=txtDefaultValue.ClientID%>").datepicker( "option", "disabled", false );

//To disable

$("#<%=txtDefaultValue.ClientID%>").datepicker( "option", "disabled", true );

answered Mar 17, 2015 at 13:38

SSA

5,4834 gold badges39 silver badges52 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

chanti Over a year ago

destroy is completely destroying the datepicker as i don't want that to happen bcoz user can select again date at that time datepicker should appear. enable/disable is disabling textbox that should be never has to happen.

Jelle V · Accepted Answer · 2015-03-17 13:38:29Z

0

If you just want your datepicker to be shown or hidden, you can try this code (assuming you are using jQuery).

    if ($('#<%=ddlDataType.ClientID %> option:selected').text().toLowerCase() == "date") 
    {
              $(".date1").css("display", "block");
    }
    else {
              $(".date1").css("display", "none");
    }

answered Mar 17, 2015 at 13:38

Jelle V

771 silver badge6 bronze badges

1 Comment

chanti Over a year ago

i just wanted to disable datepicker.

Collectives™ on Stack Overflow

enable/disable datepicker with dropdown asp.net

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related