JQuery визуализирует DatePicker и текст внизу в диалоговом окне - PullRequest
Новая
       25

JQuery визуализирует DatePicker и текст внизу в диалоговом окне

0 голосов
/ 22 марта 2012

Я пытаюсь создать диалоговое окно в 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
    });
});

У меня есть диалоговое окно, отображающее указатель даты внутри него, но я не могу понять, как добавить немного текста внизу. Более конкретно, я хочу, чтобы некоторые переключатели были расположены под диалоговым окном.

Любое руководство по этому вопросу будет высоко ценится.

1 Ответ

1 голос
/ 22 марта 2012

вы можете добавить любой HTML, который вы хотите к вашему div, например: 

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