Meu projeto é em .NET MVC 4 e estou tendo problema pra chamar o datepicker. Ele é aplicado mas o popup fica pequeno acima do campo e em branco. Quero usa-lo nesse campo:
@Html.TextBoxFor(model => model.DataDesligamento, new { @class = "form-control", @maxlength = 10, onkeydown = "formatar(this,'##/##/####',event)", onblur = "javascript:valida_data(this);" })
No Layout chamado pela View onde está o campo que quero o datepicker faço as seguintes chamadas do Bundles no Head:
@Scripts.Render("~/bundles/ieLt9")
@Scripts.Render("~/bundles/modernizr")
@Scripts.Render("~/bundles/jquery")
@Scripts.Render("~/bundles/jqueryval")
@Scripts.Render("~/bundles/bootstrap")
@Scripts.Render("~/bundles/jqueryui")
@Scripts.Render("~/bundles/maskedinput")
@Scripts.Render("~/bundles/datepicker")
@Scripts.Render("~/bundles/cpfl")
@RenderSection("scripts", required: false)
Acredito que não é isso, pois o datepicker é aplicado e se abrir o console consigo ver que tem dados nele, os dias, meses, anos, mas não são mostrados.
No navegador ao abrir o console, os seguintes scripts são adicionados:
<script src="/Scripts/modernizr-2.8.3.js"></script>
<script src="/Scripts/jquery-3.1.0.js"></script>
<script src="/Scripts/jquery.unobtrusive-ajax.js"></script>
<script src="/Scripts/jquery.validate.js"></script>
<script src="/Scripts/jquery.validate.unobtrusive.js"></script>
<script src="/Scripts/jquery-ui.min.js"></script>
<script src="/Scripts/jquery.maskedinput.js"></script>
<script src="/Scripts/bootstrap.js"></script>
<script src="/Scripts/bootstrap-datepicker.min.js"></script>
<script src="/Scripts/bootstrap-datetimepicker.js"></script>
<script src="/Scripts/bootstrap-datepicker.pt-BR.min.js"></script>
<script src="/Scripts/locales/bootstrap-datetimepicker.pt-BR.js"></script>
<script src="/Scripts/select.js"></script>
<script src="/Scripts/core.pp.js"></script>
<script src="/Scripts/core.init.pp.js"></script>
Na view, no final do arquivo adiciono o datepicker no campo com a linha:
aplicarDatePicker('DataDesligamento');
Segue a função JavaScript que aplica o datepicker:
function aplicarDatePicker(campo) {
$('#' + campo).datepicker({
format: 'dd/mm/yyyy',
language: 'pt-BR',
autoclose: true
});
}
Estou fazendo algo errado? Por que o datepicker não mostra o conteúdo no popup?
{ @class = "form-control", @maxlength = 10, onkeydown = "formatar(this,'##/##/####',event)", onblur = "javascript:valida_data(this);" })
não faltou você incluir oid
? Ou seja,{ id="DataDesligamento", @class = "form-control", @maxlength = 10, onkeydown = "formatar(this,'##/##/####',event)", onblur = "javascript:valida_data(this);" })