Data com bootstrap não roda no meu projeto

03/10/2014

Preciso colocar um componente para selecionar datas num filtro do meu projeto. Como uso bootstrap, preciso colocar as datas com esse componente. Acontece que os exemplos que eu peguei na internet, não consegui fazer funcionar, um deles Data com bootstrap

Qualquer ajuda, agradeço.

Pjava

Melhor resposta

06/10/2014

Bom dia,

Consegui utilizar o mesmo exemplo que você passou em um projeto em ASP.NET Veja se ajuda:

<body>

<asp:TextBox ID="txtData" runat="server" data-date-format="dd/mm/yyyy" class="form-control" placeholder="Data" required></asp:TextBox>  


<script src="Bootstrap/js/bootstrap-datepicker.js"></script>

<script>
        if (top.location != location) {
            top.location.href = document.location.href;
        }
        $(function () {
            window.prettyPrint && prettyPrint();
            
            $('#txtData').datepicker();
                       
            var checkout = $('#txtData').datepicker({
                onRender: function (date) {
                    return date.valueOf() <= checkin.date.valueOf() ? 'disabled' : '';
                }
            }).on('changeDate', function (ev) {
                checkout.hide();
            }).data('datepicker');
        });
	</script>

</body>

Cléverson Specht

Responder Citar

Outras Respostas

03/10/2014

Joel Rodrigues

O input type="date" não serve?
Responder Citar

06/10/2014

Pjava

Minha preferência seria pelo Bootstrap, pois tudo em meu projeto é bootstrap, mas caso não consiga, aí jquery ou o input date do html poderei usar.
Responder Citar

06/10/2014

Pjava

Faltava, no meu caso, chamar a classe .datepicker na View. Fazendo isso, resolvido. O exemplo do cléverson é interessante, tendo um tempo, após testar o que já fiz, vou testar nesse modelo.
Responder Citar