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

您需要绑定图片点击以触发对datepicker的点击，或者以编程方式打开datepicker。

现在，您的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" />

在图像上打开Datepicker单击jQuery

2 个答案: