jQuery呈现datepicker和文本在对话框中

Question

我想在jQuery中创建一个对话框，在对话框中我想呈现datepicker，然后下面的一些文本。我有以下代码：

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

</div> 

和我的jQuery：

$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 
    }); 
}); 

我有对话框渲染它内部的日期选择器，但我无法弄清楚如何下方添加一些文字。更具体地说，我想在对话框中的datepicker下面有一些单选按钮。

任何有关这方面的指导将不胜感激。

Answer 1

您可以附加任何你想要的HTML到您的div，像这样：

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