Datepicker

[Clauido José 3]

Galera bom dia

 

Estou implementando o componente datepicker na minhas paginas aspx estou com um probleminha quando eu clico no ano o layout do calendario fica zuado tudo junto, e quando eu clico no icone do calendario ele não abre só dentro da textbox

[Clauido José 3]

Desculpa ai vai ele

 <td class="col-lg-12">
                                        <div class="datem col-lg-12" data-provide="datepicker">
                                            <asp:TextBox ID="DataCadastroTextBox" class="datepicker form-control" data-date-format="mm/dd/yyyy" runat="server"></asp:TextBox>
                                            <script>
                                            $(document).ready(function () {
                                                $('.datepicker').datepicker({
                                                    format: 'dd/mm/yyyy',
                                                    language: 'pt-BR',
                                                    singleDatePicker: true,
                                                    showDropdowns: true,
                                                    multidateSeparator: true
                                                });
                                            });
                                            </script>
                                        </div>  
                                        
                                    </td>

 

[Maykel-ctba 233]

Tente isolar o CSS, o JS e somente um trecho deste código em uma página separada e veja se funciona. Se funcionar, quer dizer que está em conflito com algum outro CSS/JS do seu site! Aí vai colocando aos pouquinhos novamente...

[Clauido José 3]

nao fiz css teria um exemplo

[Clauido José 3]

opa valeu vou dar estudar mais na verdade por enquanto estou o type-"data" preciso estua mais sobre assunto

[Clauido José 3]

p

Em 18/04/2017 at 18:52, Rapadura disse:

Recomendo muito esses sites para estudo sobre desenvolvimento web

 

https://www.w3schools.com/

 

https://tableless.com.br/

 

https://developer.mozilla.org/pt-BR/

 

Cara consegui arrumar estava faltando o CSS mesmo, agora estou só com probleminha não sei como resolver primeiro o calendário só aparece se clicar na TextBox  no ícone não aparece, e tem como deixar o calendário alinhado com o tamanho da TextBox olha como ficou:

 

                    <asp:Label ID="DataCadastroLabel" runat="server" CssClass="col-sm-1 control-label datepicker"
                                        for="DataCadastroTextBox" Text="Cadastro:"></asp:Label>
                    <div class="col-sm-5">
                        <div class="form-group">
                            <div class="input-group date" data-provide="datepicker">
                                <asp:TextBox id="DataCadastroTextBox" class="datepicker  form-control"
                                             runat="server" required="required"></asp:TextBox>
                                <span class="input-group-addon">
                                    <span class="glyphicon glyphicon-calendar">
                                    </span>
                                </span>
                            </div>
                        </div>
                        <script>
                        $(function () {
                            $('.datepicker').datepicker({

                                format: "dd/mm/yyyy",
                                todayBtn: "linked",
                                autoclose: true,
                                todayHighlight: true

                            });
                        });
                        </script> 
                    </div>
                </div>