2010-12-28 9 views
14

デフォルトの日付を含む入力テキストがあり、jQueryのDatepickerプラグインを使用してポップインカレンダーから日付を選択しています。このカレンダーは、ユーザーが入力の横にある小さな画像をクリックすると表示されます。入力クリックとボタンの両方でjQueryのdatePicker要素をトリガーすることはできますか?

これは素晴らしい作業ですが、ユーザーが入力テキストをクリックしてもカレンダーのポップインをトリガーしたいと思います。短い話ですが、両方の夕食にカレンダーを表示したいです。

可能ですか?どうやって ?

ありがとうございました!

+1

私はニックに同意する傾向がありますが、あなたが今取り組んでいるコードを見ることも有用であろう。 – Schenz

+0

私は何か複雑なものを探していました。カスタムアクションをトリガーしたり、1つの要素に2つのカレンダーをインスタンシエートしたりしていました...それは、時々答えが私の鼻の下にあることを思い起こさせます;)thxみんな – Anth0

答えて

38

あなたはちょうどこのように、showOn option"both"(というよりも"focus"または"button")に設定する必要があります。

$("#datepicker").datepicker({ 
    showOn: "both", 
    buttonImage: "calendar.gif", 
    buttonImageOnly: true 
}); 

You can try it out here

+0

+1、リンク:http: /jqueryui.com/demos/datepicker/#option-showOn –

+0

ありがとう、ニック、それは本当に役に立ちました –

0

あなたがイメージ/リンクIDのために書いているのと同じクリックハンドラを書き込みますが、今回はテキストボックスIDを使用します。

1

は、入力されたイベントハンドラにethatリク何かをボタンイベントをトリガーにしてください:

jQuery("#myinput").click(function(e){ 
    jQuery("#mybtn").trigger('click'); 
}) 
+0

それは単なる回り道ではありませんが、不必要でもあります。そして、以前の答えの複製。 –

+0

はい、それを逃しました。奇妙な、私はちょうどkinjalのものを見た。私の顔を自分自身で和らげる。 – regilero

関連する問題