Home/ Questions/Q 7512225
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-29T23:47:58+00:00

Whenever I click on the text field on the html page, it doesn’t pop

  • 0

Whenever I click on the text field on the html page, it doesn’t pop up with a jquery calendar date picker. How do i fix it?

<html>
<head>
<title>jQuery example</title>
</head>
<body>
<div id="message" style="display: none;">Welcome to my website</div>
<p id="paragraph">This is a paragraph</p>
<input id="date" type="text">


<script type="text/javascript" src="js/jquery.js"></script> 
<script type="text/javascript" src="js/init.js"></script> 
<script type="text/javascript" src="js/hide.js"></script> 
<script type="text/javascript" src="js/datepicker.js"></script> 
</body>
</html>

in datepicker.js:

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

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Does this mean you have modified datepicket.js to include the line you mentioned? If that’s the case, the datepicker method is running too early. (Before the document has been fully parsed.) You might try this instead (and remove the change to datepicker.js):

    <html>
<head>
<title>jQuery example</title>
<script type="text/javascript" src="js/jquery.js"></script> 
<script type="text/javascript" src="js/init.js"></script> 
<script type="text/javascript" src="js/hide.js"></script> 
<script type="text/javascript" src="js/datepicker.js"></script> 
<script>
    $(function() {
    $( "#date" ).datepicker();
});
</script>
</head>
<body>
<div id="message" style="display: none;">Welcome to my website</div>
<p id="paragraph">This is a paragraph</p>
<input id="date" type="text">


</body>
</html>
    • 0