1

私のサイトでは、datepickという jQuery カレンダー プラグインを使用しています。次のように、日付ピッカーを入力フィールドに接続します。

 $('.dobOnly').datepick();

これが実際の例です: jsFiddle

デフォルトでは、ユーザーが入力をクリックするとカレンダーがポップアップします。代わりに、ユーザーが入力の横にあるアイコンをクリックした場合にのみポップアップするようにしたいと思います。

私が取り組んでいるページにこれらの入力がいくつかあることに言及することはおそらく重要です。datepick()そのため、ポップアップが意図した入力に影響を与えるように、関連するテキスト フィールドの ID を引数として取得するように変更することを解決策に含める必要があるようです。

これを達成するために私がしなければならないことを編集する最良の方法は何ですか?

4

1 に答える 1

0

ドキュメントによると、画像を非表示の div でラップする必要があります。次に、オプションでおよびプロパティをdatepick指定します。showOnFocusshowTrigger

HTML

<input type="text" name="gd2" id="gd2"/>
<div style="display:none">
    <img id="calImg" src='https://pnrbuilder.com/_images/cal.png' alt=""/>
</div>

JS

 $(function() {
    $('#gd2').datepick({showOnFocus: false, showTrigger: '#calImg'});
 });

JSFIDDLE: http://jsfiddle.net/xzzCf/7/

ドキュメントinvocationのタブにこの例があります

于 2013-08-25T14:31:30.670 に答える