jquery - jquery datepicker: カスタム アイコン

Question

日付ピッカーにカレンダー アイコンを追加するオプションがあることは知っていますが、プラグインをテキスト ボックスに適用した後にのみ表示されます。私の質問は: 日付ピッカーのテキストボックスをトリガーするために、自分のアイコン (マークアップによって追加される) をどのように使用できますか? ありがとう

Answer 1

ここに隠しフィールドを追加すると、画像を使用するよりも日付ピッカーを開くことができると思います。お気に入り、

<input type="hidden" id="datepker" />

このコードを使用して、

$("#datepker").datepicker({
        showOn: "button",
        buttonImage: '../calender.gif', //your own image path
        buttonImageOnly: true,
});

これはテキストボックスを表示せず、正常に動作します。

Answer 2

.datepicker('show')(初期化後)を使用して、日付ピッカーを手動で表示する必要があります。showOn: 'focus'残りは標準オプションを使用してください。

例については、このjFiddlebuttonを参照してください (イメージの代わりにa を使用しますが、同じ原理です)