Задайте инструмента за избор на дата на елемент, след като бъде създаден

Искам да задам поле за въвеждане, инструмент за избор на дата, вътре в модален формуляр за стартиране, създадох този формуляр, както следва:

$('<div id="myModal" class="modal hide fade">' + data + '</div>').modal();

Опитах се да го присвоя на променлива за достъп и настройка, но нищо не се променя...

var self = $('<div id="myModal" class="modal hide fade">' + data + '</div>').modal();
self.find(".input-date").datepicker();

Някакви идеи?

За разбирането!

редактирайте с кода на данните

<form class ="form" method="POST" action="{{ request.path }}">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
<h3>Editar Empleado</h3>
</div>              

    <div class="modal-body">
    <p>
                <label for="input-date">Date:</label>
                <input class="input-date" type="text" />
            </p>                
    </div>
    <div class="modal-footer">
        <a href="/bg#" data-dismiss="modal" class="cerrar btn">Cerrar</a>
        <input type="submit" class="guardar btn btn-primary" value="Guardar">
 </div>
</form>

person Enot    schedule 06.07.2013    source източник
comment
Никой няма да има представа, освен ако не публикувате генерирания HTML. Вашият селектор input-date обаче изглежда фалшив - проверете дали наистина съпоставяте нещо с него   -  person Bojangles    schedule 06.07.2013
comment
Да, забравих селектора „точка“ за класове, ще редактирам с данните от формуляра, които са добавени с myModal   -  person Enot    schedule 06.07.2013
comment
Модалът изобщо показва ли се? Не мисля, че е така, защото изглежда, че всъщност не добавяте генерирания HTML към DOM. Можете ли да публикувате и съответния JS?   -  person Bojangles    schedule 06.07.2013
comment
Ами... проблемът беше свързан с z-индекса на инструмента за избор на дати... Реших го, следвайки инструкциите в тази тема: stackoverflow.com/questions/12978254/   -  person Enot    schedule 07.07.2013