Olá,
Estou renderizando um partial view em um Modal do Bootstrap. Até ai tudo bem, o Modal funciona perfeitamente. Porém, quando tento incluir um datepicker nesse modal, ele não funciona. Em uma janela normal, ele funciona perfeitamente, o problema é só quando tento usa-lo em uma modal.
Meu javascript:
var $j = jQuery.noConflict(); $j(document).ready(function () { $j(".datepicker").datepicker(); });
Minha Modal:
var $a = jQuery.noConflict(); $a(function () { $a.ajaxSetup({ cache: false }); $a(".btnEdit").click(function () { $a("#dialogContent").load(this.href, function () { $a("#dialogDiv").modal({ backdrop: 'static', keyboard: true }, 'show'); bindForm(this); }); return false; }); }); function bindForm(dialog) { $a("form", dialog).submit(function () { $a.ajax({ url: this.action, type: this.method, data: $a(this).serialize(), success: function (result) { if (result.success) { $a("#dialogDiv").modal('hide'); location.reload(); } else { $a("#dialogContent").html(result); bindForm(); } } }); return false; }); }
Meu HTML:
@Html.Bootstrap().TextBoxFor(model => model.Lancamento).Tooltip("Data de Lançamento do Filme").AppendIcon(Icons.calendar).HtmlAttributes(new { @class = "datepicker" })
Estou usando Bootstrap 2.3.2, Jquery 2.0.2 e JqueryUI 1.10.3
Gostaria da ajuda de voces para solucionar este problema. Obrigado !
Att,