jQuery Forum

Hi,

I have the form with several fields included date range for datepicker.  For testing, i have #1 below and both date pickers are working fine.  I want to add those into the #2 because i need other
fc to validate other fields, but when i have all there from # 2 then date picker is not working anymore, no calendar show.
Can you please help? thanks

 

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/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.3/jquery-ui.js"></script>
 
//#1: WORKED with date picker
<script type="text/javascript">
 $(function() {
 $( "#datepicker" ).datepicker();
  $( "#datepicker1" ).datepicker();
});
 

</script>

//#2: NOT WORKED with date picker
<script type="text/javascript">
 $(document).ready(function() {
       
      $("#contractform").validate();
  $( "#datepicker" ).datepicker();
  $( "#datepicker1" ).datepicker();             
 
  });
 

</script>

<cfform name="contractform" action="" method="post" id="contractform">
<p>Last Name <cfinput type="text" name="fname" class="required"  /></p>
<p>Last Name <cfinput type="text" name="lname"  class="required"   /></p>

 <p>From Date: <cfinput type="text" name="from" id="datepicker" /></p>
 <p>To Date: <cfinput type="text" name="to" id="datepicker1" /></p>
 </cfform>