Try using class on the input's, because you can have only one id.
Ex:
<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>
<p>From Date: <input type="text" class="datepicker"></
p>
<p>To Date: <input type="text" class="datepicker"></
p>
</div>
</body>
</html>
On 10 jul, 10:28, joongbug <[email protected]> wrote:
> 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>
> <p>From Date: <input type="text" id="datepicker"></p>
> <p>To Date: <input type="text" id="datepicker"></p>
> </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
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to
[email protected]
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---
