jQuery 在对话框中呈现日期选择器和下方的文本

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

我在其中有渲染日期选择器的对话框，但我不知道如何在下面添加一些文本。更具体地说，我希望在对话框内的日期选择器下方有一些单选按钮。

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

Answer 1

你可以将任何你想要的 html 附加到你的 div 中，像这样：

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