Jquery datepicker textbox server control not working in asp.net wizard control

Question

0.00/5 (No votes)

See more:

Hello,

I want to use calendar when click on asp text box. But text box is in asp wizard step, so jquery is not working in asp:wizardstep.

Please help...

Code is-

HTML

<html lang="en">
<head>
    <title>jQuery UI Datepicker - Default functionality</title>
</head>
<body>
    <form runat="server">
    <asp:ScriptManager ID="ScriptManager2" runat="server">
    </asp:ScriptManager>
    <asp:UpdatePanel runat="server">
        <ContentTemplate>
            <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
            <script src="//code.jquery.com/jquery-1.10.2.js"></script>
            <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
            <script>
                $(function () {
                    $("#datepicker").datepicker();
                });
            </script>
            <asp:Wizard ID="Wizard1" runat="server">
                <WizardSteps>
                    <asp:WizardStep ID="WizardStep1" runat="server" Title="Step 1">
                        <asp:Panel ID="pnl" runat="server">
                            <asp:TextBox runat="server" type="text" ReadOnly="true" ID="datepicker"></asp:TextBox>
                        </asp:Panel>
                    </asp:WizardStep>
                </WizardSteps>
            </asp:Wizard>
        </ContentTemplate>
    </asp:UpdatePanel>
    </form>
</body>
</html>

If you remove asp:wizard & asp:wizardstepstep it is working fine but with wizard it is not working.
Thanks.

Posted 23-Dec-15 22:52pm

Member 11449483

Updated 23-Dec-15 22:55pm

v2

Add a Solution

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Raje_ · Accepted Answer · 2015-12-23T22:59:00

Solution 1

Use ClientID to find text box :

here replace this code :

$(function () {
                   $("#<%= datepicker.ClientID %>").datepicker();
               });

Posted 23-Dec-15 22:59pm

Raje_

v2

Comments

Member 11449483 24-Dec-15 5:25am

it is working fine in my demo but i want to use calendar in wizard step 3 then calender is not working.
please help.

Raje_ 24-Dec-15 5:32am

Debug in firebug you will see what type of error is coming.

Member 11449483 24-Dec-15 5:35am

this jquery function load only on pageload but when page redirect(like drop down select value change etc...) jquery not load and calendar not working.

Raje_ 24-Dec-15 5:37am

Put your jquery and script codes inside head tag.

Member 11449483 24-Dec-15 6:19am

not working.

Please help.

Raje_ 24-Dec-15 6:29am

Please copy your full code of wizard steps. Then only i will get any idea.

Member 11449483 24-Dec-15 6:50am

Thanks i make it working.

Thanks so much.

Raje_ 24-Dec-15 7:17am

Cool..

suraj_sp 28-Nov-17 10:01am

how did you make it work please?