Question

I’m trying to follow the tutorial to use jQuery UI plugin. I’m new to JavaScript and I’m not sure where to put a particular bit of code.

I’ve got everything I need downloaded. I’ve put the files where they need to be and included them in the like I’m supposed to – all no problems there. But next I get a little stuck due to my utter noobieness.

It says I give an ID to the element I want to use e.g. id="date" and call:

$('#date').datepicker();

on it.

Where do I put the above code? Along with the html and php? Or in the Javascript file I’ve included?

Answer 1

First load your jQuery library:

<script src="/jquery/1.6.3/jquery.min.js" type="text/javascript"></script>

Then load your jQuery UI library:

<script src="/jqueryui/1.8.16/jquery-ui.min.js" type="text/javascript"></script>

Then, load your code with something like:

<script type="text/javascript">
$(document).ready(function() {
    $('#date').datepicker();
});
</script>