我正在使用 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="..." />
非常感谢
最佳答案
尝试手动添加触发器,该触发器将在图像点击时显示日期选择器:
$("#datepickerImage").click(function() {
$("#datepicker").datepicker( "show" );;
});
关于javascript - Jquery datepicker日历图标定位,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16212099/