jquery UI datepicker在字段前放置按钮

Question

是否可以在输入字段之前使用在JQuery UI datepicker中提取日历的按钮？默认情况下，它始终放在字段之后。我尝试了isRTL: true，但这也改变了日历中的上一个/下一个按钮。

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