画像のクリック時に日付ピッカーをポップアップさせ、選択した入力をテキスト入力フィールドに送信するのに問題があります。基本的に、ユーザーがカレンダー画像をクリックすると、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();
});