Open Datepicker on Image Click with 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

Вы должны связывать щелчок изображения, чтобы вызвать щелчок на datepicker тоже, или для автоматического выбора datepicker.

Прямо сейчас ваш код JavaScript работает на странице-load/document-ready, а не на изображении.

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" />