jQuery在对话框中渲染日期选择器和文本

时间:2012-03-22 19:19:26

标签: javascript jquery jquery-ui-dialog jquery-ui-datepicker

我正在尝试在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,但我无法弄清楚如何在其下添加一些文本。更具体地说,我希望在对话框内的datepicker下面有一些单选按钮。

对此的任何指导都将非常感激。

1 个答案:

答案 0 :(得分:1)

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

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