jquery UI日期選擇器在該字段前放按鈕

Question

是否有可能在輸入字段之前具有用於在JQuery UI日期選取器中拉出日曆的按鈕？默認情況下，它始終放在字段後面。我試過isRTL: true，但是這也改變了日曆中的prev/next按鈕。

Answer 1

至少有兩種方式來實現這一點。一種是由JMax描述的。輸入框前，另一種是簡單地移動圖標：

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

在操作中查看：http://jsfiddle.net/william/rrcmq/1/。

Answer 2

如果你想要的是把一個按鈕，觸發日曆中this example但在左邊，你可以輕鬆地添加你自己的一個按鈕，並將其綁定的事件：

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