jquery datepicker внутри модального диалога

Question

Этот вопрос задан, но для другого результата. У людей возникли проблемы с использованием средства выбора даты в модальном диалоговом окне и создания отображения даты (с использованием свойства z-index).

Тем не менее, я просто скопировал js, используемые, чтобы заставить datepicker работать с ногой, но в представлении для модального всплывающего окна. это показывает выбор даты, но не заполняет выбранное поле ввода выбранной датой.

мой код, который работает везде является следующее:

$('#datepicker').datepicker({ dateFormat: 'yy-mm-dd' }); 

и вход в диалоговым класса DatePicker.

Я не уверен, какое решение я прошу, было бы действительно. как функция работает повсюду и действительно появляется (предлагая jquery работает), но просто не заполняет поле ввода с выбранной датой .... любые идеи? ........

function modalfollow() 
{ 
$('<div>').dialog({ 
    title: 'Add Follow', 
    height: '350', 
    width: '400', 
    open: function() 
      { 
      $(this).load('<?=base_url();?>leads/add_follow/<?=$this->uri->segment(3);?>/'); 
      },   
    modal: true 
    }); 
// return false so <a> or <button> doesnt fire + reload page 
return false; 
} 

это загружает модальный блок, который загружает представление.

Именно на этом уровне датпикер не работает.

Answer 1

Я не уверен, как вы настраиваете свой код, но у меня есть работа без тяжелой работы в этом скрипке. У вас есть панели обновления?

Markup

<div id="dialog" title="Basic dialog"> 
<input type="text" class="datepicker" /></div> 
<button id="opener">Show</button> 

Javascript

$(function() { 

    $(".datepicker").datepicker({ 
    dateFormat: 'yy-mm-dd' 
}); 

$("#dialog").dialog({ 
    autoOpen: false, 
    show: { 
     effect: "blind", 
     duration: 1000 
    }, 
    hide: { 
     effect: "explode", 
     duration: 1000 
    } 
}); 
$("#opener").click(function() { 
    $("#dialog").dialog("open"); 
}); 
}); 

Example