Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   jQuery UI календарь в далоговом окне (https://javascript.ru/forum/jquery/30725-jquery-ui-kalendar-v-dalogovom-okne.html)

ololosh 13.08.2012 17:33

jQuery UI календарь в далоговом окне
 
Хочу модальное окно с инпутом по клику на который выскакивает календарь.
Беру стандартный пример с оф. сайта:

<script>
jQuery(document).ready(function($){
   //календарь
   $("qwe").datepicker();

   //выбираю див, который будет диалоговым окном
   $("#dialog").dialog({
  			autoOpen: false,
			show: "blind",
			hide: "explode"
   });

   //по нажатию на эту кнопку всплывет мое диалоговое окно
   $("#opener").click(function() {
      $("#dialog").dialog( "open" );
      return false;
   });
});
</script>


Сама разметка такая:
Код:

<button id="opener">Open Dialog</button>
<div id="dialog" title="Basic dialog">
        <p>This is an animated dialog which is useful for displaying...</p>
        <input type="text" id="qwe"/>
</div>

Так вот, календарь на категорически не хочет работать в диалоговом окне. При этом консоль фаербага никаких ошибок не показывает. Причем, если мой инпут, рядом с которым должен выскачить календарь, ВНЕ диалогового окна - то все нормально, календарь срабатывает.
В чем может быть проблема?

antonM 14.08.2012 17:23

Попробуйте вот так: http://jsfiddle.net/eC75F/


Часовой пояс GMT +3, время: 04:21.