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") 
});