jQuery UI DatePicker initialisation function not working

Question

This is my code

<script type="text/javascript" src="//code.jquery.com/jquery-1.9.1.js"></script>
    <script type="text/javascript" src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>

    <script>
        $(function () {
            $("#tabs").tabs();
        });
        $(function () {
            $("#datepicker").datepicker();
        });

    </script>

but the date function is not working.

it was working on another project, but in this project it is not working.

this is the asp

  <input type="text" id="datepicker" runat="server">

Check your browsers error console for any clues. Press F12 in most browsers. — Dave Hogan
– Dave Hogan, Commented Mar 21, 2014 at 14:00
@YuriyGalanter i know it works in other places, but i am asking why it is not working with me. aslo, as the first answer says, the id is differenent, can you help please? — user3432257
– user3432257, Commented Mar 21, 2014 at 14:19

Comfortably Numb · Accepted Answer · 2014-03-21 14:24:20Z

1

If there's no ClientIDMode among your server-side control's attributes - that means you're using .NET framework < 4.0. In that case either user full client side id of the control in your jQuery code:

$("#MainContent_datepicker").datepicker();

Or do a "ends with" match on the ID:

$('input[id$="datepicker"]').datepicker();

answered Mar 21, 2014 at 14:24

Comfortably Numb

39.9k17 gold badges82 silver badges147 bronze badges

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

Comments

Hypersapien · Accepted Answer · 2014-03-21 14:12:10Z

0

Unless you specifically tell it not to, ASP.NET will change the id attribute of server aware controls when they are rendered to the browser. Check the HTML source from the browser to see what the ID is actually being set to. You can either use that in your JavaScript code, or you can set ClientIDMode="Static" in the input tag in order to maintain the id that you have chosen (that's the preferred solution). Your other project might have had the ClientIDMode set globally, making it not an issue.

edited Mar 21, 2014 at 14:12

answered Mar 21, 2014 at 14:06

Hypersapien

6232 gold badges9 silver badges25 bronze badges

4 Comments

Jason Evans Over a year ago

For reference : msdn.microsoft.com/en-us/library/…

user3432257 Over a year ago

the Id in the html is MainContent_datepicker but there is no ClientIDMode in the input, why please?

Hypersapien Over a year ago

I'm saying to change the tag to: <input type="text" id="datepicker" ClientIDMode="Static" runat="server">

Hypersapien Over a year ago

Yuriy made a good point below. In addition to what he said, you can also do $('<%= datepicker.ClientID %>').datepicker(); which will insert the proper ID into your javascript. The ClientID could change if the structure of your page changes. If that happens, the ID that this inserts will change with it.

Collectives™ on Stack Overflow

jQuery UI DatePicker initialisation function not working

2 Answers 2

Comments

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related