2

jquery-ui datepicker を使用しています。問題は、ライブラリがデフォルトで入力フィールドの直後にカレンダー アイコンを挿入することです。しかし、私の HTML マークアップは少し異なり、カレンダー アイコンを DOM の別の場所、つまり入力フィールドの親コンテナーの外に表示したいと考えています。

<img/>手動で自分のクラスを追加しようとしてもクラスを追加しましたui-datepicker-triggerが、何もトリガーしません。

DOM のどこにアイコンを表示し、それが機能する必要があるかをどのように決定できますか?

これは私が欲しいものです:

<div class="parent">
    <input id="datepicker" class="hasDatepicker" type="text" />
</div>

<img class="ui-datepicker-trigger" src="images/calendar.gif" alt="..." title="..." />

これではありません (デフォルトの jquery-ui 挿入):

<input id="datepicker" class="hasDatepicker" type="text" />
<img class="ui-datepicker-trigger" src="images/calendar.gif" alt="..." title="..." />

どうもありがとう

4

2 に答える 2

2

画像のクリック時に日付ピッカーを表示するトリガーを手動で追加してみてください:

$("#datepickerImage").click(function() {
    $("#datepicker").datepicker( "show" );; 
});
于 2013-04-25T10:21:42.397 に答える