DatePicker Plugin displaying NAN

Dear Ranch Members,

I tried to get a calender plugin from http://www.eyecon.ro/datepicker/ and tried to implement the very last example in which we can select multiple dates, but when i Tried to import all the script and css files and work on it, it displayed a black Datepicker with the values NAN everywhere.

Please find the below code for the same.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> Date Picker </TITLE>
  
 </HEAD>

<BODY>
 
  <script type="text/javascript" src="js/jquery.js" type="text/javascript"></script>
 <script type="text/javascript" src="js/datepicker.js" type="text/javascript"></script>
 <script type="text/javascript" src="js/eye.js" type="text/javascript"></script>
 <script type="text/javascript" src="js/layout.js" type="text/javascript"></script>
 <script type="text/javascript" src="js/utils.js" type="text/javascript"></script>
 <link rel="stylesheet" media="screen" type="text/css" href="css/datepicker.css"/>
 <link rel="stylesheet" media="screen" type="text/css" href="css/layout.css"/>
 <script type="text/javascript">
$(document).ready(function(){
$('#inputDate').DatePicker({
	format:'m/d/Y',
	date: $('#inputDate').val(),
	current: $('#inputDate').val(),
	starts: 1,
	position: 'r',
	onBeforeShow: function(){
		$('#inputDate').DatePickerSetDate($('#inputDate').val(), true);
	},
	onChange: function(formated, dates){
		$('#inputDate').val(formated);
		if ($('#closeOnSelect input').attr('checked')) {
			$('#inputDate').DatePickerHide();
		}
	}
});

});

</script>
<P id="inputDate">*____*</p>
<input type="submit" onclick="clear11()" value="Clear">

</BODY>
</HTML>

Put the script blocks in the head. This is a recording.

As you are already using jQuery, why are you not using the jQuery UI datepicker?