Response title
This is preview!
Getting datepicker to work on two separate text boxes
in Using jQuery UI
•
8 years ago
Hi, I have copied and pasted the Source Code for Datepicker with Icon Trigger. When I call datepicker the first time it works perfectly, but when I call it the second time, for the second textbox, the Icon does not appear.
This is because I am using the id function, which is a unique function and can only be used once. However, when I switch it to 'class' both icons disappear completely. How do I get both icons to work at the same time?
// THE LINKS/SCRIPTS
<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><link rel="stylesheet" href="/resources/demos/style.css" /><script>$(function() {$( "#datepicker" ).datepicker({showOn: "button",buttonImage: "images/calendar.gif",buttonImageOnly: true});});</script>// CALLING<strong>Departure date</strong><span>*</span>: <input type="text" id="datepicker" name="departuredate"/><strong>Return date</strong><span>*</span>: <input type="text" id="datepicker" name="returndate"/> </div>
1
