0

次のようなHTMLがあります

<select id="day"><option>Day</option></select>
<select id="month"><option>Month</option></select>
<select id="year"><option>Year</option></select>
<img src="img/some-icon.png" id="datepicker" />

$("#datepicker").datepicker()上のアイコンにバインドできません。カレンダーが表示されないだけです。

JQuery UI の例では、常に datepicker を入力フィールドにバインドします。これを達成する別の方法はありますか？

編集:現在、多くの人が以下に提案しているように、隠しフィールドを使用しています。隠しフィールドの使用を避ける方法があるかどうか知りたかっただけです

4

4 に答える 4

1

を開けません"でしたid:

<img src="img/some-icon.png" id="datepicker" />
--------------------------------^here-----------
于 2013-04-18T09:45:02.940 に答える
0

別の方法は、コントロールを入力フィールドにバインドすることです。これを非表示にします。次にonclick、アイコンonFocus()の入力フィールドを呼び出すだけです。

于 2013-04-18T09:48:10.483 に答える
0 
<input type="text" id="datepicker"/>
<img src="img/some-icon.png" id="datepick" />

上記のコードを使用してカレンダーを表示します。テキスト ボックスを非表示にする場合は、type="hidden" を使用します。

非表示のテキストボックスをクリックするには、以下の JS コードを使用します。

$("#datepick").click(function(){
     $("#datepicker").click();
     $("#datepicker").datepicker();
});
于 2013-04-18T09:49:47.343 に答える