Home/ Questions/Q 508629
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-13T06:55:37+00:00

I’ve got this code: <html> <head> <link type=text/css href=css/blitzer/jquery-ui-1.7.2.custom.css rel=stylesheet /> <script type=text/javascript src=js/jquery-1.3.2.min.js></script>

  • 0

I’ve got this code:

<html>
<head>
  <link type="text/css" href="css/blitzer/jquery-ui-1.7.2.custom.css" rel="stylesheet" />   
  <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
  <script type="text/javascript" src="js/jquery-ui-1.7.2.custom.min.js"></script>
  <script type="text/javascript">
$(function() {
  $('.hasDatepicker').datepicker();
});
</script>
</head>
<body>
<p>date: <input type="text" name="data" class="hasDatepicker" /></p>
<input type="submit" value="send" />
</div>
</body>
</html>

When I click the input field, nothing happens. The datepicker is initialized though, when I inspect the DOM in Firebug, I get the id="dp1260260566059" added to my <input> element.

After changing the html and js to use id attribute instead of class, so having this in my code:

$(function() {
  $('#hasDatepicker').datepicker();
});

and 

<p>date: <input type="text" name="data" id="hasDatepicker" /></p>

Everything works OK.

Can’t datepicker from JQuery UI work for all elements of some class?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Please check if the datepicker works if you change the class name of the input fields from ‘hasDatePicker’ to something else. The reason is, when add the datepicker to the input field using the below code:

    $(function() {
  $('#date').datepicker();
});

    it adds the class name “hasDatePicker” to the input field. (which is the one u r using)

    • 0