javascript - jquery datepicker 日历图标定位

Question

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

我什至尝试添加自己的 <img/>手动添加类 ui-datepicker-trigger , 但它不会触发任何东西。

我如何决定图标应该出现在 DOM 中的什么位置并且它必须起作用？

这就是我想要的:

<div class="parent">
    <input id="datepicker" class="hasDatepicker" type="text" />
</div>

<img class="ui-datepicker-trigger" src="images/calendar.gif" alt="..." title="..." />

不是这个(默认的 jquery-ui 插入):

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

非常感谢

Answer 1

尝试手动添加触发器，在点击图片时显示日期选择器:

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