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

jQuery render datepicker and text underneath in a dialog box

本文关键字:文本 选择器 日期 对话框 jQuery      更新时间:2023-09-26

我正试图在jQuery中创建一个对话框,在对话框中我想呈现日期选择器,然后在下面呈现一些文本。我有以下代码:

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

我在里面有一个呈现日期选择器的对话框,但我不知道如何在下面添加一些文本。更具体地说,我想在对话框中的日期选择器下面有一些单选按钮。

如能就此提供任何指导,我们将不胜感激。

您可以将想要的任何html附加到div中,如下所示:

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