我无法让我的datepicker在图像点击时弹出,并将选择的输入发送到我的文本输入字段。基本上,当用户单击日历图像时,应该会出现datepicker弹出窗口,用户选择一个输入,然后它就会出现在文本输入中。此外,我需要的文本输入,以显示日历上的适当日期,如果他们输入一个日期,然后检查日历。这是我的输入和图像部分。
<p>Date: <input type="text" class="screening_01" id="screening_01" maxlength="10" size="10" value="<%=session.getAttribute("screening_01")==null?"":session.getAttribute("screening_01")%>" /></p>
<div id="calender"><img src="/images/calendar.png" /></div>
这是一个有效的日期选择器,但只有当我点击文本输入时它才能工作。
$(function() {
$( "#screening_01" ).datepicker();
});
现在我需要它弹出当我点击日历图像或div,也许像这样的东西?(当然不能工作)
$("#calender").click(function() {
$("#datepicker").show();
});
发布于 2013-04-08 17:53:38
这就是您要使用show
方法查找的内容:
$("#calender").click(function() {
$("#screening_01").datepicker( "show" );
});
如果有疑问,请始终查看接口参考:http://api.jqueryui.com/datepicker/#method-show
发布于 2013-04-08 17:55:14
datepicker已经有了在图标图像上触发的选项。
$( "#datepicker" ).datepicker({
showOn: "both", //image click and focus on input field
buttonImage: "images/calendar.gif",
buttonImageOnly: true
});
发布于 2013-04-08 17:55:33
使用datepicker的show选项并在#screening_01
中调用它
$("#calender").click(function() {
$( "#screening_01" ).datepicker('show');
});
https://stackoverflow.com/questions/15885612
复制