0

我无法让我的日期选择器在单击图像时弹出并将所选输入发送到我的文本输入字段。基本上，当用户单击日历图像时，应该会出现 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(); 
    });
4

4 回答 4

2

这就是您正在寻找的，使用以下show方法：

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

如有疑问，请始终查看 API 参考： http ://api.jqueryui.com/datepicker/#method-show

于 2013-04-08T17:53:37.660 回答
0

日期选择器已经有一个在图标图像上触发的选项。

$( "#datepicker" ).datepicker({
      showOn: "both", //image click and focus on input field
      buttonImage: "images/calendar.gif",
      buttonImageOnly: true
    });
于 2013-04-08T17:55:13.970 回答
0

使用日期选择器的显示选项并调用它#screening_01

$("#calender").click(function() {
  $( "#screening_01" ).datepicker('show');
});
于 2013-04-08T17:55:33.043 回答
0

可能这会帮助你...

$( "#screening_01" ).datepicker({
  showOn: "button",
  buttonImage: "images/calendar.gif",
  buttonImageOnly: true
});

供参考：http: //jqueryui.com/datepicker/#icon-trigger

于 2013-04-08T17:57:56.060 回答