2011-12-05 18 views
2

ポップアップでJQueryのDatePickerを作成するにはどうすればいいですか?
私は多くのことを試みましたが、うまくいかないようです。ポップアップがすでにJQueryuiを使用しているので、このJQueryポップアップのJQuery Datepicker

function PopupCallback(data) { 
    $('#popup').show(); 
    $('#popup .content').html(data.Content); 
} 

データはAJAX

+0

あなたは間違いなくすることができるはずです。あなたは何をしようとしているかを概説したコードを投稿できますか? – tobias86

+0

これを追加したい "ポップアップ"の種類は何ですか?ブラウザの新しいウィンドウ? Jqueryモーダル? msgbox? –

+0

@ tobias86 JQueryがポップアップを表示するので、私はできません。 – The87Boy

答えて

1

からロードされるようにjQueryの内側にロードされているので、もちろん、私は、.ready $(文書)を使用することはできません、簡単な方法で行うにはこれはあなたのDatepickerjquery modal dialogにラップすることです。

<div id="datepicker"></div> 

$("#datepicker").datepicker(); 

「Jqueryモーダルダイアログ」で囲まれています。

<div id="dialog-modal" title='Basic modal "Popup" dialog'> 
    <div id="datepicker"></div> 
</div> 

$(document).ready(function(){ 
    $("#datepicker").datepicker(); 
    $("#dialog-modal").dialog({ 
      height: 300, 
      width: 300, 
      modal: true 
    }); 
}); 

See this Fiddle for a working Example

モーダルダイアログドキュメンテーション - http://jqueryui.com/demos/dialog/#modal

日付ピッカードキュメンテーション - http://jqueryui.com/demos/datepicker/#inline