JQuery datepicker not working

Question

Good day   I am trying to use jquery for the first time  And i cannot make it work  My code is as follows    lt  DOCTYPE html PUBLIC  -  W3C  DTD XHTML 1 0 Strict  EN   http   www w3 org TR xhtml1 DTD xhtml1-strict dtd  gt    lt html xmlns  http   www w3 org 1999 xhtml  xml lang  en  lang  en  gt   lt head gt   lt link rel  stylesheet  type  text css  href  style css  media  screen    gt   lt script type  text javascript  src  http   ajax googleapis com ajax libs jquery 1 4 2 jquery min js  gt  lt  script gt   lt  head gt   lt body gt   lt script gt        function                  datepicker    datepicker                 lt  script gt       lt div class  demo  gt       lt p gt Date   lt input type  text  id  datepicker  gt  lt  p gt       lt  div gt  lt  -- End demo -- gt   lt  body gt   lt  HTML gt    But the datepicker is not working   What should i do to make it work  Thank you

User · Answer

after that all html we want to write these lines of code   lt script type  text javascript  src  http   code jquery com jquery-1 8 2 js  gt  lt  script gt   lt script type  text javascript  src  https   ajax googleapis com ajax libs jqueryui 1 8 11 jquery-ui min js  gt  lt  script gt   lt link rel  stylesheet  href  http   ajax googleapis com ajax libs jqueryui 1 8 14 themes base jquery-ui css  type  text css  media  all  gt      lt script gt      date   datepicker       changeMonth  true      changeYear  true      showButtonPanel  true      yearRange   -100  0       dateFormat   dd mm yy        lt  script gt

User · Answer

You did not include the datepicker library  so add    lt script type  text javascript  src  https   ajax googleapis com ajax libs jqueryui 1 8 11 jquery-ui min js  gt  lt  script gt    to your  lt head gt  tag  live demo

User · Answer

I was stuck on an issue where datepicker   appeared to be doing nothing   It turned out that the issue was that the input was inside a Bootstrap  input-group  div   Simply taking the input out of the input-group resolved the issue

User · Answer

try adjusting the order in which your script runs  Place the script tag below the element it is trying to affect  Or leave it up at the top and wrap it in a   document  ready   EDIT  and include the right file

User · Answer

Datepicker is not part of jQuery  You have to get jQuery UI to use the datepicker

User · Answer

For me   the problem was that the anchor needs a title  and that was missing

User · Answer

The problem is you are not linking to the jQuery UI library  which is where datepicker resides    http   jsfiddle net 5AkyC      lt html xmlns  http   www w3 org 1999 xhtml  xml lang  en  lang  en  gt   lt head gt   lt link rel  stylesheet  type  text css  href  style css  media  screen    gt   lt script type  text javascript  src  http   ajax googleapis com ajax libs jquery 1 4 2 jquery min js  gt  lt  script gt   lt script type  text javascript  src  https   ajax googleapis com ajax libs jqueryui 1 8 9 jquery-ui js  gt  lt  script gt   lt script gt    function              datepicker    datepicker         lt  script gt   lt  head gt   lt body gt       lt div class  demo  gt       lt p gt Date   lt input type  text  id  datepicker  gt  lt  p gt       lt  div gt  lt  -- End demo -- gt   lt  body gt   lt  HTML gt

User · Answer

If jQuery UI datepicker isn t working but it used to work on similar DOM earlier  try removing all the classes and try binding it to just a simple input with its id  In my case a class was interfering with it and preventing the date picker to appear

[jquery] JQuery datepicker not working

Examples related to jquery

Examples related to jquery-ui

Examples related to jquery-ui-datepicker