用jQuery打开图像上的数据采集器

Question

我目前有一个文本框，当它被点击时，它会显示一个弹出日历。我也有一个图片，我希望它显示弹出日历时，也点击，但onClick似乎不工作，我做错了什么？

我该怎么做？

这就是我对jquery的看法：

$(function() {
    $('#popupDatepicker').datepick();
    $('#inlineDatepicker').datepick({onSelect: showDate});
});

这是文本框/图像代码：

<input type="text" size=15 name=age id="popupDatepicker">
<img src="images/cal.gif" width="16" height="16" border="0" onClick="popupDatepicker"></a>

Answer 1

您需要绑定图像的单击，以触发对数据采集器的单击，或者以编程方式打开数据报警器。

现在，您的JavaScript代码正在页面加载/文档就绪上运行，而不是在单击图像时运行。

HTML：

<input type="text" size=15 name=age id="popupDatepicker">
<img src="images/cal.gif" width="16" height="16" border="0" id="datePickerImage" ></a>

解决方案1：

$(function() {
    $("#datePickerImage").on("click", function(e){
        $('#popupDatepicker').trigger("click");  
    }

});

解决方案2：

$(function() {
    $("#datePickerImage").on("click", function(e){
        $('#popupDatepicker').datepick();
    }
});

Answer 2

下面的代码适用于我：

$(function() {
   $("#id_imgcalendar").on("click", function(e) {
       $('#datepickerfrom').datepicker('show');
   });
});

<input type="text" id="datepickerfrom"/>
<img src="calendar.gif" id="id_imgcalendar" />