2012-03-01 2 views
11

日付ピッカーのための標準的なコードは次のとおりです。インラインHTMLから日付ピッカーのonclickイベントを起動する方法jQuery UI DatePicker onclickを起動するには?

<script> 
    $(function() { 
     $("#datepicker").datepicker(); 
    }); 
</script> 
<p>Date: <input type="text" id="datepicker"></p> 

、私はなし別々のJSコードで、

<input ... onclick="" > 

を意味ですか?

私が試した:

<p>Date: <input type="text" id="datepicker" onclick="$(function() {$('#datepicker').datepicker();});"></p> 

をしかし、それは唯一の第二のクリックに取り組んでいます。

最初のクリックで動作させる方法は?

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

+0

はここhttp://stackoverflow.com/a/1127215/1078487 –

+0

おかげことを行う方法の答えです。私はちょうど私のqを更新しました:インラインhtml ihtus

+0

最初の場所で良いアイデアではない可能性があります。理由はありませんそれはページ – charlietfl

答えて

10
<p>Date: <input type="text" id="dp" onclick="$('#dp').datepicker();$('#dp').datepicker('show');"></p>​ 

ですチャンス?

私は専門家ではありませんが、最初のクリックが単に日付ピッカーとして初期化されたため、2回クリックする必要があると思います。この初期化の後、onclickに関係なく、通常の日付ピッカーとして動作します。

+0

ありがとう!それはうまくいった! docs:datepicker( "show") - 以前に添付された日付ピッカーを呼び出します。 "$( '#dp')。datepicker() - 初期化。 – ihtus

+0

ありがとう!それはうまくいった! docs:datepicker( "show") - 以前に添付された日付ピッカーを呼び出します。 1. "$( '#dp')。datepicker() - 初期化。 2. $( '#dp')。datepicker( 'show'); - datepickerを表示しています。そうですか? – ihtus

+0

うん、そうだよ。私はこれがベストプラクティスではないと思うし、あなたのプログラムの仕方によっては、jQueryの.live関数を見たいかもしれませんか?とにかく助けてくれてうれしいです。 – Nick

-1

この記事を気に入りましたか?

http://jsfiddle.net/tZXjR/

+0

に感謝の他のdatepickerコードとインラインonclickする必要があります。私はちょうど私のqを更新しました:インラインhtml ihtus

2

あなたは日付ピッカーを作成した後、このようにそれを開く:

$('#datepicker').datepicker('show') 

ゴーDatePickerのAPIドキュメントへの方法]タブを見て、それはすべてそこに

いずれかによって動作し
+0

:私は別のjsコードでそれを使用する方法を知っています。私の目的は、online onlclick = ""イベントの実行を使用することです。 – ihtus

1

このコードを試してみてください。

<script> 
$(function() { 
    $("#datepic").datepicker({ showOn: 'button',buttonImage: 'image/calendar.gif'}); 

}); 
</script> 

<input type="text" id="datepic" />