Jquery日期picker日历图标定位
Jquery datepicker calendar icon positioning
我正在使用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" );;
});
try this
$(selector).datepicker({showOn: 'button', buttonImage: 'img/cal.gif',
buttonImageOnly: true, buttonText: 'Open calendar'});
看到
相关文章:
- Javascript更改图标
- CSS-如何定位内容数据标题
- Jquery菜单操作不稳定,定位不正确,存在一般错误
- 在Jquery detachment()和appendTo()之后定位元素
- 困在逻辑中试图定位动态的东西
- 单击更改图标并通过javascript添加一个css类
- 我希望只有在我滚动页面后才能显示我的返回页首图标
- 绝对定位不适用于Javascript DIV
- 如何更改角度谷歌地图上的集群图标
- simpleweather js天气图标
- Jquery定位代码并调用它
- 更改图层中单个矢量特征的图标
- 如何在容器中定位旋转的图像
- Highcharts-图表外的图例定位
- .scroll()函数在上次更新后在谷歌chrome中定位闪烁
- 在地图加载/页面加载时,我想将地图设置为当前地理位置,但不想在地图上显示定位图标
- 重新定位 Jquery UI 手风琴的标题图标
- 带有自定义图标的谷歌地图标记定位
- Jquery日期picker日历图标定位
- 如何将图标保持在正确的位置?(场地右侧和场地重新定位)