datepicker with multiple date input fields
FYI, I'm new to JQuery and JavaScript.
I want to use JQuery datepicker with two date input fields. The first
date field fires the widget but not the second date field. Here is my
sample code. How do I make it work?
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<title>date</title>
<link rel='stylesheet' href="jquery-ui-1.7.2.custom.css" type="text/
css"/>
<script language="JavaScript" src="jquery-1.3.2.min.js"></script>
<script language="JavaScript" src="jquery-
ui-1.7.2.custom.min.js"></script>
<script type="text/javascript">
$(function() {
$("#datepicker").datepicker();
});
</script>
</head>
<body>
<div>
From Date: <input type="text" id="datepicker">
To Date: <input type="text" id="datepicker">
</div>
</body>
</html>
Another question is the widget that is display is quite big. Is there
a shortcut to make it smaller without tinkering with the css file?
Thanks