画像で日付ピッカーを開く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" />