javascript code :
$("input#input_field[name=brithday]").datepicker({
dateFormat: 'dd-M-yy',
showAnim: 'slide',
changeMonth: true,
changeYear: true,
yearRange: '1990:2020'
});
jsp code :
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Profile</title>
<link rel="stylesheet" href="css/style.css" type="text/css">
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
<script type="text/javascript" src="JS/javascript.js"></script>
</head>
<body>
<%
%>
<div>
<div class="blackDiv">
</div>
<div class="whiteDiv">
<div class="SignInHeader">
<span id="SignInWord">Sign In</span>
<input type="button" class="SignInCloseButton" />
</div>
<div class="LoginDiv">
<br>
<center>
<span id="ErrorMasseages"></span>
<br><br>
<span id="SignWord">E-mail:</span>
<input type="text" name="userEmail" />
<br><br>
<span id="SignWord">Password:</span>
<input type="password" name="password" />
<br><br>
<input type="checkbox" name="remmeber" value="remmeberMe" />Remmeber Me
<br>
<input type="button" name="Login" value="Sign" id="LoginButton" />
<input type="button" name="SignUp" value="Sign UP Now" id="SignUpButton"/>
</center>
</div>
</div>
</div>
<div id="background">
<div id="page">
<div id="header">
<div id="logo">
<a href="index.html"><img src="images/logo.png" alt="LOGO"></a>
</div>
<div id="navigation">
<ul id="primary">
<li>
<a href="index.jsp">Home</a>
</li>
<li>
<a href="men.jsp">Men</a>
</li>
<li>
<a href="women.jsp">Women</a>
</li>
<li>
<a href="child.jsp">Child</a>
</li>
<li class="selected" >
<a href="profile.jsp">Profile</a>
</li>
</ul>
<ul id="secondary">
<li>
<a href="checkout.html">Cart</a>
</li>
<li>
<a id="login" href="">Login</a> | <a id="signup" href="">Signup</a>
</li>
</ul>
</div>
</div>
<div class="registration_page">
<div class="registration">
<br>
<center><span id="ErrorMasseages"></span></center>
<br>
<span id="registration_data">First Name:</span>
<input id="input_field" type="text" name="first_name" /> <span id="FNameStar">*</span>
<br>
<br>
<span id="registration_data">Last Name:</span>
<input id="input_field" type="text" name="last_name" /> <span id="LNameStar">*</span>
<br>
<br>
<span id="registration_data">Email:</span>
<input id="input_field" type="text" name="email" /> <span id="EmailStar">**</span>
<br>
<br>
<span id="registration_data">Password:</span>
<input id="input_field" type="password" name="password" /> <span id="PassStar">*</span>
<br>
<br>
<span id="registration_data">Cofirm Password:</span>
<input id="input_field" type="password" name="confirm_password" /> <span id="CPassStar">*</span>
<br>
<br>
<span id="registration_data">Brith Day:</span>
<input id="input_field" type="text" name="brithday" /> <span id="BDStar">*</span>
<br>
<br>
<span id="registration_data">Job:</span>
<input id="input_field" type="text" name="job" /> <span id="JobStar">*</span>
<br>
<br>
<span id="registration_data">Address:</span>
<input id="input_field" type="text" name="address" /> <span id="AddressStar">*</span>
<br>
<input type="button" id="registrationButton" name="registration_button" value="Confirm"/>
<br>
<br>
<center>
<span id="inforStar">*</span> <span id="infor">you Must Enter value in this Filed</span>
<br>
<span id="inforStar">**</span> <span id="infor">Email Must be at lest like this pattern XX@XXX.co</span>
<br>
</center>
<br>
<br>
</div>
<br>
<br>
</div>
<div id="footer">
<div class="background">
<div id="connect">
<h5>Get Social With us!</h5>
<ul>
<li>
<a href="http://freewebsitetemplates.com/go/facebook/" target="_blank" class="facebook"></a>
</li>
<li>
<a href="http://freewebsitetemplates.com/go/twitter/" target="_blank" class="twitter"></a>
</li>
<li>
<a href="http://www.freewebsitetemplates.com/go/googleplus/" target="_blank" class="linkin"></a>
</li>
</ul>
</div>
<ul class="navigation">
<li>
<h5>Mens</h5>
<a href="mens.html">Sneakers</a> <a href="mens.html">Boots</a> <a href="mens.html">Winter socks</a> <a href="mens.html">Lace-ups</a>
</li>
<li>
<h5>Womens</h5>
<a href="womens.html">Sneakers</a> <a href="womens.html">Boots</a> <a href="womens.html">Winter socks</a> <a href="womens.html">Lace-ups</a>
</li>
<li class="latest">
<h5>New Arrivals</h5>
<a href="new.html">Cheverlyn Zespax</a> <a href="new.html">Alta Ulterior</a> <a href="new.html">Mikee</a> <a href="new.html">Jeeroks Copy</a>
</li>
<li class="latest">
<h5>On Sale Items</h5>
<a href="sale.html">Cheverlyn Zespax</a> <a href="sale.html">Alta Ulterior</a> <a href="sale.html">Mikee</a> <a href="sale.html">Jeeroks Copy</a>
</li>
</ul>
<p class="footnote">
© Copyirght © 2011. <a href="index.html">Company name</a> all rights reserved.
</p>
</div>
</div>
</div>
</div>
</body>
</html>
when i select any day after datapicker appear give that error
Uncaught TypeError: Cannot set property 'currentDay' of undefined
in jquery-ui.js file line number: 8554
