I am trying open a calendar with datepicker on button click, and have the date go into the sibling text box when chosen. I need to be able to do this for two different text boxes.
Here is what I have so far.
3
-
So you want the date entered into text box one to go into text box two?dnatoli– dnatoli2011-12-01 02:45:37 +00:00Commented Dec 1, 2011 at 2:45
-
It depends. It shouldgo into the text box of the corresponding button.dan_vitch– dan_vitch2011-12-01 02:53:06 +00:00Commented Dec 1, 2011 at 2:53
-
Oh right, well yeh you don't need the buttons. I'll update my answer accordingly.dnatoli– dnatoli2011-12-01 03:00:30 +00:00Commented Dec 1, 2011 at 3:00
Add a comment
|
1 Answer
You need to load the jQuery UI with that jsfiddle. Try the following:
<div>
<label>Start</label>
<input type="text" class="datepicker"/>
</div>
<div>
<label>End</label>
<input type="text" class="datepicker"/>
</div>
And your JS:
$(".datepicker").datepicker({
showOn: "button",
buttonImage: "link to your button here",
buttonImageOnly: true
});
Things to note: you don't need to add the button, the datepicker will do that for you - you'll need to add a link to a button image. If you don't like this then you could just remove the bottonImage reference.
All of this has been taken from the jQuery datepicker UI documentation here
EDIT: Fixed up closing tags for html elements, fixed in jsfiddle here
3 Comments
dan_vitch
updated base off of your suggestion, but still not working jsfiddle.net/dan_vitch/zEper/3
dnatoli
+1 for using buttons like he asked, I should read the question better!
dnatoli
Might want to fix up the closing tags in your example though.