フィドルでは、そのテキストボックスにカーソルを置いたときに日付を表示する動的な日付ピッカーを表示しています。それは問題ありません。テキストボックスの右側に画像を配置し、画像をクリックすると同じ日付ピッカーが表示されます.
そこに画像を入れようとしていますが、その画像をクリックしても何も起こりません。どうすればそれができますか?助けてください
フィドルでは、そのテキストボックスにカーソルを置いたときに日付を表示する動的な日付ピッカーを表示しています。それは問題ありません。テキストボックスの右側に画像を配置し、画像をクリックすると同じ日付ピッカーが表示されます.
そこに画像を入れようとしていますが、その画像をクリックしても何も起こりません。どうすればそれができますか?助けてください
結局のところ、これにはまさにオプションがあります:toggleElements。日付ピッカーを呼び出すことができる他の要素のコレクションを想定しています。単一の要素を持つ配列を追加しましたが、問題なく機能しているようです。
var dp = new DatePicker('.picker', {
pickerClass: 'datepicker ',
allowEmpty: true,
toggleElements: ['imageInvokerP']
});
フィドル: http: //jsfiddle.net/cBwEK/10/
1つの答えはジョナサンによって与えられました、そしてこれはこれらの種類のものをする方法であるはずです。しかし、画像のIDがであり、テキストボックスの
IDであると仮定
すると、簡単な解決策があります。
次に、$('#Image')のクリックイベントをバインドすることで
、日付ピッカーを入力要素にバインドするすべて
のことを実行できます。このようなImage
Input
$('#Input').datePicker()
document.Ready
$('#Image').click(function(){
$('#Input').click();
});
このようにして、画像をクリックすると、入力要素に自動的にフォーカスが移ります。