0

jQueryでダイアログボックスを作成しようとしていますが、ダイアログボックスの中でdatepickerをレンダリングしてから、下にテキストを描画します。私はそれの内側に日付ピッカーをレンダリングダイアログボックスを持っているが、私は下にいくつかのテキストを追加する方法を見つけ出すことはできませんjQueryはダイアログボックス内にdatepickerとテキストをレンダリングします

$j('document').ready(function(){ 

     $j('#dialog').dialog({ 
      autoOpen: false, 
      width: 500, 
      modal: true, 

      }); 

    // Dialog Link 
    $j('#delivery_date').click(function(e) { 
     e.preventDefault(); 
     // opens the dialog 
     $j('#dialog').dialog('open'); 
    }); 
    }); 

$j(function() { 
    $j("#dialog").datepicker({ 
     numberOfMonths: 2, 
     altField: ".dialog", 
     altFormat: "DD, d MM, yy", 
     showButtonPanel: true 
    }); 
}); 

<div id="dialog"> 
<p>Delivery methods</p> 

</div> 

と私のjQueryの:私は、次のコードを持っています。具体的には、ダイアログボックスの中に、datepickerの下にいくつかのラジオボタンを置いています。

これに関するガイダンスは非常に高く評価されます。

答えて

1

あなたがあなたのdivに好きなHTML追加することができ、このように:答えを

var dialog = document.getElementById("dialog"); 
dialog.innerHTML = dialog.innerHTML + "<p>...</p>"; 
+0

おかげで、これは私が日付ピッカーの下に私のダイアログボックスにいくつかのテキストを追加することができます。唯一の問題は、datepickerが動作しなくなることです。何か提案はありますか? – user1152142

+0

ええと、あなたは、あなたが望むどんなコンテンツでもdivを作成し、以下のメソッドで追加することができます:document.createElement()とappendChild() – Tom

関連する問題