Recarregar DOM

Fiz uma página que contém uma tabela com diversas atividades.
Essa atividades são buscadas no mysql com um loop, retornando html + dados em variáveis.
Cada "atividade" tem um link que abre um modal para edição dos dados dessa tarefa. No modal há um input do tipo "text" com class chamando a função datepicker() via JS.
Ocorre que, devido ao DOM já se encontrar carregado, o JS não reconhece a class, e o datepicker, por consequência, não funciona.

Assim sendo, há a necessidade de uma nova recarga no DOM ou fazer o JS reconhecer a class="datepicker", mas não tenho ideia de como fazer essa bagaça.

Alguém poderia me dar 1 luz a respeito?

exemplo dos paranauê:

Código PHP:

---

<a href="#edit'.$id.'" data-toggle="modal" class="btn btn-xs btn-default"><i class="icon-pencil" data-toggle="tooltip" title="Edit" ></i></a> 


---

isso abre um "modal" que contém o input text com class datepicker, assim:

Código PHP:

---

<input type="text" name="term" value="'.$date_term.'" id="term" class="form-control input-datepicker text-center" data-date-format="dd/mm/yy" placeholder="dd/mm/yy"/> 


---

Funciona no IE, FIREFOX e OPERA, mas no CHROME dá pau :(

@off
kkkkk' lol no mior navegador deu merda ('-' ), sas porra é do demônio mermo ¬¬


@on
Como tu ta pegando no js?

Pois é, justo no chrome :(

Código:

---

    var r = e(window),
        a = function (t, n) {
            this._process_options(n), this.element = e(t), this.isInline = !1, this.isInput = this.element.is("input"), this.component = this.element.is(".date") ? this.element.find(".add-on, .btn") : !1, this.hasInput = this.component && this.element.find("input").length, this.component && 0 === this.component.length && (this.component = !1), this.picker = e(u.template), this._buildEvents(), this._attachEvents(), this.isInline ? this.picker.addClass("datepicker-inline").appendTo(this.element) : this.picker.addClass("datepicker-dropdown dropdown-menu"), this.o.rtl && (this.picker.addClass("datepicker-rtl"), this.picker.find(".prev i, .next i").toggleClass("icon-arrow-left icon-arrow-right")), this.viewMode = this.o.startView, this.o.calendarWeeks && this.picker.find("tfoot th.today").attr("colspan", function (e, t) {
                return parseInt(t) + 1
            }), this._allow_update = !1, this.setStartDate(this._o.startDate), this.setEndDate(this._o.endDate), this.setDaysOfWeekDisabled(this.o.daysOfWeekDisabled), this.fillDow(), this.fillMonths(), this._allow_update = !0, this.update(), this.showMode(), this.isInline && this.show()
        };

---

A chamada é feita pelo que está contido na class="" do input.

Achei estranho não aceitar, tendo em vista que eu só chamo o JS ao final (após o footer).

O mais doido é que se eu chamar o datepicker inline, isto é, dentro de uma DIV e não de um input, o JS reconhece normal. Mas se eu chamar dentro do input, FAIL!

doidera.
Saca as prints.


[Only registered and activated users can see links. Click Here To Register...]

[Only registered and activated users can see links. Click Here To Register...]


Quando clica no input text do prazo, o correto seria abrir o datepicker para a pessoa selecionar a data, como no firefox, mas no chrome não abre nem fudendo.

chama o JS dps de carregar o DOM, simples.

o chamando o JS no footer já... :|


__________________________________________________ _______________________-

EDIT:

Realizando testes, descobri que o datepicker está sim sendo chamado, mas ta ficando em baixo do modal, isto é, sobreposto.
Mais doido ainda. kkk


__________________________________________________ _______________________-

EDIT2:

RESOLVIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII PORRA!


Pasmem com a forma de solucionar o B.Ó.:

Código:

---

<style>
.datepicker {
z-index:1051 !important;
}
</style>

---

:pokerface:
o.O' JS puro? algo que não se é visto com muita frequência por min :D

Foi mal não ter ajudado, só consegui entrar agora :\

Mensagem de moderação:

Resolvido tópico fechado, caso precise reabrir manda MP para algum membro da STAFF