Javascript Jquery日期选择器日历图标定位

我正在使用jQueryUIDatePicker。问题是，默认情况下，库会直接在输入字段后插入日历图标。但是我的HTML标记有点不同，我希望日历图标出现在DOM中的其他地方，即输入字段的父容器之外

我甚至尝试添加我自己的

不是这个（默认jquery ui插入）：

非常感谢

试试这个

<input id="datepicker" class="hasDatepicker" type="text" />
<img class="ui-datepicker-trigger" src="images/calendar.gif" alt="..." title="..." />

---

尝试手动添加触发器，该触发器将在图像上显示日期选择器单击：

$(selector).datepicker({showOn: 'button', buttonImage: 'img/cal.gif',
      buttonImageOnly: true, buttonText: 'Open calendar'});

---

@Kasyx，我不想这样做，因为这就是导致直接在

之后插入的原因。这就是我在问题中所问的，如何取消默认行为…是的，对不起，我的错。现在我明白你的问题了。没问题，很酷。这不起作用，什么都没出现。在firebug中，它没有添加到datepicker容器中，但没有填充所有的日期号、月份等。您是否添加了

$（“#datepicker”）.datepicker（）以前的某个地方？我也更新了答案，请检查
$（“#日期选择器”）。日期选择器（“show”）
$(selector).datepicker({showOn: 'button', buttonImage: 'img/cal.gif',
      buttonImageOnly: true, buttonText: 'Open calendar'});

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