Quantcast
Channel: Datepicker em um Modal Bootstrap
Viewing all articles
Browse latest Browse all 2

Datepicker em um Modal Bootstrap

$
0
0

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,


Viewing all articles
Browse latest Browse all 2

Latest Images





Latest Images