jquery UI datepicker put button before the field

Is it possible to have the button that pulls up the calendar in the JQuery UI开发者_运维百科 datepicker before the input field? By default it is always put after the field. I tried isRTL: true but that also changes the prev/next buttons in the calendar.

---

There are at least two ways to achieve this. One is as described by JMax. The other one is simply move the icon before the input box:

$( "#datepicker" ).datepicker({
    ...
    buttonImage: "path/to/icon.png"
}).next().insertBefore('#datepicker');

See this in action: http://jsfiddle.net/william/rrcmq/1/.

---

If what you want is to put a button that triggers the calendar like this example but on the left, you can easily add a button on your own and bind it an event:

$("#mybutton").click(function() {
  $("#datepicker").datepicker( "show" )
});