none
Datepicker em um Modal Bootstrap RRS feed

  • Pergunta

  • 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,

    terça-feira, 25 de junho de 2013 15:08

Respostas