using jquery-ui

Question

I'm trying to pop a simple datepicker but can't or I don't know what reason. here's my code:

<!DOCTYPE html>
<html>
<script type="text/javascript" src="jquery/jquery.js"> </script>
<link type="text/css" href="css/smoothness/jquery.css" rel="Stylesheet" />
<script type="text/javascript" src="jquery/jquery-ui.js"> </script>   

<script type="text/javascript">
$('#date').datepicker();
 </script>
<body>
<input type="text" name="date" id="date" />
</body>
</html>

I'm running an apache server with all the correct path. Anyone may know why this is not working?

cletus · Accepted Answer · 2009-03-07 20:13:29Z

4

Try:

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

The point being that your check probably fails because the date element doesn't exist yet, particularly since it isn't declared until after the the script that looks for it.

answered Mar 7, 2009 at 20:13

cletus

627k169 gold badges922 silver badges945 bronze badges

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

Comments

ankitkanojia · Accepted Answer · 2020-01-23 10:19:24Z

1

You should put your datepicker related code after the INPUT tag. But, as far as I know, the datepicker component requires that you call it after page load, so your code should become this:

<script language=javascript>
    $(function () {
        $('#date').datepicker();
    });
</script>

Now it should work.

edited Jan 23, 2020 at 10:19

ankitkanojia

3,1224 gold badges24 silver badges37 bronze badges

answered Mar 7, 2009 at 20:13

Ionuț G. Stan

180k19 gold badges196 silver badges206 bronze badges

Comments

ppiotrowicz · Accepted Answer · 2009-03-07 20:17:41Z

0

I'm no expert but you're missing <head> tag.

edited Mar 7, 2009 at 20:17

answered Mar 7, 2009 at 20:12

ppiotrowicz

4,6343 gold badges34 silver badges46 bronze badges

Comments

Sruly · Accepted Answer · 2009-03-07 20:39:26Z

0

It seems that the issue was solved. You had to put it in a $(document).ready() function.

I would just add one more thing about JQuery-UI. If all you need is the datepicker you shouldnt include the whole UI package. Go to the JQuery-UI site and you can customize your download. Mark off the things you need and it will give you a file with only the minimum. This will make you pages load faster.

answered Mar 7, 2009 at 20:39

Sruly

10.7k6 gold badges36 silver badges41 bronze badges

Collectives™ on Stack Overflow

using jquery-ui

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related