javascript - Jquery datepicker calendar icon positioning -
i'm using jquery-ui datepicker. problem is, library inserts calendar icon straight after input field default. html markup bit different , want calendar icon appear somewhere else in dom, i.e. outside parent container of input field.
i tried add own <img/> manually , added class ui-datepicker-trigger, doesn't trigger anything.
how can decide icon should appear in dom , has work?
this want:
<div class="parent">     <input id="datepicker" class="hasdatepicker" type="text" /> </div>  <img class="ui-datepicker-trigger" src="images/calendar.gif" alt="..." title="..." /> not (default jquery-ui insertion):
<input id="datepicker" class="hasdatepicker" type="text" /> <img class="ui-datepicker-trigger" src="images/calendar.gif" alt="..." title="..." /> many thanks
try manually add trigger show datepicker on image click:
$("#datepickerimage").click(function() {     $("#datepicker").datepicker( "show" );;  });