Link to home
Start Free TrialLog in
Avatar of CDIT_Solutions
CDIT_Solutions

asked on

jQuery UI datepicker not showing

Hi,

I've tried using jQuery UI for the first time by creating a datepicker for a date field.  The datepicker didn't show up on my website and I've tried a simple webpage containing one text box and it still doesn't show.

After downloading and unzipping the jQuery UI folder from http://jqueryui.com/download I uploaded the whole folder onto my website and pointed to each file's location as instructed (see code).  I am therefore wondering if I need to upload other jQuery files in order to run JQuery UI?

Many thanks in advance for any help.

Chris



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Untitled Document</title>



<link type="text/css" href="jquery-ui-1.8.21.custom/css/overcast/jquery-ui-1.8.21.custom.css" rel="stylesheet" />



<script type="text/javascript" src="jquery-ui-1.8.21.custom/js/jquery-1.7.2.min.js"></script>

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

<script type="text/javascript">



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



</script>



</head>



<body>

<form id="form1" name="form1" method="post" action="">

<label>Date

<input type="text" name="ClosingDate" id="ClosingDate" />

</label>

</form>

</body>

</html>

Open in new window

ASKER CERTIFIED SOLUTION
Avatar of maeltar
maeltar
Flag of United Kingdom of Great Britain and Northern Ireland image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of CDIT_Solutions
CDIT_Solutions

ASKER

Thanks for the code, that worked great.

I now need to embed this into the PHP page I've developed and assume that it is a simple case of embedding lines 12 - 24 into existing Javascript tags used for rollovers whilst ensuring that the page's relevant field name is still "ClosingDate"?

Many thanks for your resolution to my issue.

Chris
Code copied worked fine when tested.