2011-10-17 12 views
5

ASP.NETプロジェクトでは、ボタンを押すとjQueryUIの日付ピックアップが表示され、日付が選択されたときにポストバックが発生します。私はthis methodを使用してポストバック部分を使用していますが、日付を選択したときに正しく動作するようにするには、ピッカーを離れるのに問題があります。入力フィールドを使わずにボタンを押すとjQueryUIのdatePickerが表示される

  • はボタン自体にピッカーを取り付けるが、私は選択して、ポストバックが発生する前に、私はしたくない、その後、それは、選択された日付に、ボタンのテキストを設定します。

    私が試してみました。

  • ピッカーをボタンに取り付け、altFieldオプションをブラウザウィンドウの外側にある<input type='text' />に設定しますが、日付が選択されてもボタンのテキストは設定されます。
  • divに添付してボタンのonclickに作成してインラインにします。しかし、this forum postによれば、設計上のインラインの日付ピッカーには完了ボタンが表示されず、そのボタンをクリックすることで却下することはできません。
    • datepickerのボタンコンテナに自分自身のDoneボタンを追加しようとしましたが(showButtonPanelが設定されていると表示されます)、月や年が変更されてもバインドできるイベントはありません私はそれを元に戻す。
    • ドキュメント本体にmouseupハンドラを添付してみました。そのため、datepickerをクリックしたときにdatepickerを閉じることができますが、datepickerをクリックしたときにトリガしてピッカーが動作しないようです。

ここでの最善のアプローチは何ですか?

答えて

6

私は前に隠されたinputフィールドを使用し、成功した結果と、それに日付ピッカーを添付しました:

$("#date").datepicker({...}); // #date has style display='none' 

$("#show-date").click(function() { 
    $("#date").datepicker("show"); 
}); 

例:http://jsfiddle.net/7pttr/

+4

これは、いくつかのあいた後に働きました。興味深いことに、隠し入力が親の最初の子でない場合は、$( '#myHiddenInput')。datepicker( 'show');でJavascriptエラーが発生します。トリッキー! –

関連する問題