hello guys i am trying to add jquery datapicker function but its not working.here is the code....

<!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 rel="stylesheet" type="text/css" href="css/stu.css" />
<style type="text/css">
<!--
.style1 {color: #C0C0C0}
-->
</style>

  <script src="jquery.datePicker.js" type="text/javascript" charset="utf-8">
        </script>
        
        <script src="datePicker.css" type="text/javascript" charset="utf-8">
        </script>

<!------datapicker function---!>

[B]<script>
$(document).ready(function(){

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




});

</script>[/B]


</head>








<!---------------------------------------------------------------------->


<style type="text/css">
    .form-label{
        width:150px !important;
    }
    .form-label-left{
        width:150px !important;
    }
    .form-line{
        padding:10px;
    }
    .form-label-right{
        width:150px !important;
    }
    .form-all{
        width:650px;
        color:Black !important;
        font-family:Verdana;
        font-size:12px;
    }
</style>




	<div class="upper">
		</div>
	<div class="image2">
		<img src="images/images2_03.jpg" />
        	</div>


        


<div class="main">




  <div class="center">

 
  
  
  
  
<div class="test"><form class="jotform-form" action="http://www.jotform.com/submit.php" method="post" name="form_11730317049" id="11730317049" accept-charset="utf-8">
    <input type="hidden" name="formID" value="11730317049" />
  
                    <select class="form-dropdown" style="width:150px" >
                        <option>  </option>
                        <option value="Option 1"> Option 1 </option>
                        <option value="Option 2"> Option 2 </option>
                        <option value="Option 3"> Option 3 </option>
                    </select>
               
              
             
         
    <input type="hidden" id="simple_spc" name="simple_spc" value="11730317049" />
    
</form>

	<label class="label"> Go to
    </label>
  
 </div> 
 
 
 
      
 
 
 
 
 <div class="print"> 
    </div>
  
 </div> 
 
 

 
 
 
 <div class="test1">
    
<div id="navbar">
<div id ="holder">

<ul>
<li><a href="student_info.php" id="onlink">Gernal</a></li>
<div class="test2"> <li><a href="student_info2.php"  >Guardian infor</a></li></div>
<div class="test3"> <li><a href="student_info3.php" >martial</a></li></div>
</ul>


</div>

</div><!----holder -->
</div><!----navbar-->



    









<div class="white">







<form id="formID" class="formular" method="post" action="" style="width:600px">
            
                
           
 <div class="field2">
 	<span>First Name</span>
    	</div>
 
 <div class="field3">     
 	<input type="text" id="first"  /> 
    	</div>
        
 <div class="field4">
 	<span>Date</span>
    	</div>
        
  [B]<div class="field5">     
 		<input type="text" name="date" id="date"  /> 
    		</div>[/B]
        
        
                    <p>
                        
                    </p>
                </label>
               
           
            
        </form></div>
		</div>




<!----------------------------------------------->
  	 
     <div class="main2">
  
    </div>
</div>
          </div>
 <!----------------------------------------------->
 
<div class="hr">
		<strong><hr></strong>
        	</div> 
            
   <!----------------------------------------------->

 <div class="hr2">
	<strong><hr></strong>
</div>
        
  <!----------------------------------------------->      
        
         <div class="hr5">
	<strong><hr></strong>
    	</div>
        
  <!----------------------------------------------->     
  
  
         <div class="hr6">
	<strong><hr></strong>
    	</div>
        
  <!----------------------------------------------->     
   

<div class="image"><img src="images/m_03.jpg"/>
  
      </div>
      
      <div class="name"><font size="3" face="verdana" color="Teal">Student Details </font></div>
      <div class="name2">Student info </div> 

 



<!------------------------------------------------------------------------------------------>      
        
  <div class="hr3">
	<strong><hr></strong>
    	</div>
        
    <div class="hr4">
	  <strong><hr></strong>
    	</div>    
        
        




        
        
        
<body>
<div class="printer"><a href="images/Untitled-1.jpg" class="style1"><font color="Black ">Print</a></font></div>
<div class="hyper"><a href="images/upper.jpg" class="style1"><font color="Black ">Save</font></a>
</div>


<!--<div class="left">

<div class="centerimage">
</div>
<div class="right"></div>

</div>
 -->



</body>
</html>
>>>>
Member Avatar for stbuchok

Where is your reference to jQuery and jQueryUI? I only see a reference to a plugin (jquery.datePicker.js)

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.