jQuery datepicker not displaying

Question

Im trying to use a jQuery datepicker to select a date, but when I click in the text box, the datepicker does not display.

HTML:

<link href="http://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css" rel="stylesheet">
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>

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

<body>
    <p>Date: <input type="text" id="date"></p>
</body>

Also, when I inspect the element, it shows up as having a class of hasDatepicker

Your code seems fine (jsfiddle.net/j08691/syvff3ek). Any errors in the console? — j08691
– j08691, Commented Mar 10, 2015 at 16:54
No errors at all. I am using this form in a google map infowindow which uses clone() to display the map. Would this maybe be causing a problem with it? — Stephen
– Stephen, Commented Mar 10, 2015 at 16:56
I'd stay away from ids here. Use a class. See this answer stackoverflow.com/questions/707603/… If clone is giving you issues, see this answer stackoverflow.com/questions/10433154/… — Radio
– Radio, Commented Mar 10, 2015 at 17:27

Michael Paccione · Accepted Answer · 2016-12-10 05:58:05Z

1

If your code is indeed executing after the DOM has fully loaded and that is NOT the problem...

Try to remove the .hasDatepicker before executing.

If it's chainable

$("#date").removeClass("hasDatepicker").datepicker();

Otherwise

$("#date").removeClass("hasDatepicker");
$("#date").datepicker();

answered Dec 10, 2016 at 5:58

Michael Paccione

2,8978 gold badges45 silver badges83 bronze badges

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

Comments

Ryan Tuosto · Accepted Answer · 2015-03-10 18:57:14Z

0

Your script is likely running before the DOM has fully loaded.

You want to make sure your jQuery executes when the page is ready:

$(document).ready(function() {
  // Run your code here
});

answered Mar 10, 2015 at 18:57

Ryan Tuosto

1,95115 silver badges23 bronze badges

Collectives™ on Stack Overflow

jQuery datepicker not displaying

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related