jQuery呈現datepicker和文本在對話框中

我想在jQuery中創建一個對話框，在對話框中我想呈現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下面有一些單選按鈕。

任何有關這方面的指導將不勝感激。

來源

2012-03-22 user1152142

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

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

來源

2012-03-22 19:23:13 Tom

感謝您的回答，這讓我有些文本添加到我的對話框下方日期選擇器。唯一的問題是停止datepicker工作。你有什麼建議嗎？ – user1152142 2012-03-22 19:50:09

嗯，你可以創建一個你想要的任何內容的div，並附加下面的方法：document.createElement（）和appendChild（） – Tom 2012-03-22 22:08:22

jQuery呈現datepicker和文本在對話框中

回答

相關問題