如何使用<input />标签自定义jquery ui datepicker触发器按钮

Question

我在jquery ui版本1.10.4中使用了datepicker，它可以通过以下方式设置选项时产生触发按钮：

    $('#datetimepicker').datepicker({
    dateFormat: 'yy-mm-dd',
    showOn: 'both',
    minDate: new Date()
});

但是在运行时，脚本按钮位于输入框下方。 那么，如何通过任何方法使按钮与输入文本框内联。

先谢谢你

Answer 1

试试这个，

<p>Date: <input type="text" id="datepicker"></p>

Jquery datepicker，

$(function() {
    $( "#datepicker" ).datepicker({
      showOn: "button",
      buttonImage: "http://jqueryui.com/resources/demos/datepicker/images/calendar.gif",
      buttonImageOnly: true
    });
  });

演示链接http://jsfiddle.net/dhana36/rt4Q7/