JQuery Datepicker mostra sujeira na página

Estou tentando utilizar o datepicker do jquery mas está mostrando o formulário do calendário em branco no fim da página. Não sei porque.
O datepicker está mostrando corretamente tudo que preciso.
O ponto é esta sujeira que ele mostrar no fim da página.
Quando clico no botão para exibir o calendário este formulário no fim da página some.
Dá para perceber claramente que é o formulário do calendário do datepicker, pois quando digito a data no campo sem clicar no botão ele mostra o calendário no fim da página.

Como faço para remover isto? Talvez seja porque não estou utilizando div?
Veja abaixo o código que estou utilizando.

$(document).ready(function() { $("input.ui-jtime-datepicker").datepicker({ autoSize: true, showOn: 'button', buttonText: '', buttonImageOnly: true, showOtherMonths: true, selectOtherMonths: true, showAnim: 'fold', buttonImage: '/images/calendar.gif' });
Aqui é o campo associado ao datepicker

[code]

[/code]

Olá liesse

Pode ser, tenho quase certeza, utilizo com DIV e sempre deu certo :smiley:

[quote=liesse]<table class="ui-tabs" width="100%" align="center"> <tr class="ui-jtime"> <td class="ui-jtime" > <input type="text" name="paramDatImport" maxlength="11" size="11" style="text-align: center" class="ui-jtime-datepicker"> </td> </tr> </table> [/quote]

Não use tabelas.

Aproveitando sua dúvida, você sabe como deixar o DatePicker em português :?:

Vou fazer um teste com o DIV.

Mas sobre sua dúvida do datepicker em portugues, crie um arquivo .js com o texto abaixo e inclua na sua página.

jQuery(function($){ $.datepicker.regional['pt-BR'] = { closeText: 'Fechar', prevText: '<Anterior', nextText: 'Próximo>', currentText: 'Hoje', monthNames: ['Janeiro','Fevereiro','Março','Abril','Maio','Junho','Julho','Agosto','Setembro','Outubro','Novembro','Dezembro'], monthNamesShort: ['Jan','Fev','Mar','Abr','Mai','Jun','Jul','Ago','Set','Out','Nov','Dez'], dayNames: ['Domingo','Segunda-feira','Terça-feira','Quarta-feira','Quinta-feira','Sexta-feira','Sábado'], dayNamesShort: ['Dom','Seg','Ter','Qua','Qui','Sex','Sáb'], dayNamesMin: ['Dom','Seg','Ter','Qua','Qui','Sex','Sáb'], weekHeader: 'Sm', dateFormat: 'dd/mm/yy', firstDay: 0, isRTL: false, showMonthAfterYear: false, yearSuffix: ''}; $.datepicker.setDefaults($.datepicker.regional['pt-BR']); });

Olá liesse

Funcionou :?:

[quote=liesse]Mas sobre sua dúvida do datepicker em portugues, crie um arquivo .js com o texto abaixo e inclua na sua página.

jQuery(function($){ $.datepicker.regional['pt-BR'] = { closeText: 'Fechar', prevText: '<Anterior', nextText: 'Próximo>', currentText: 'Hoje', monthNames: ['Janeiro','Fevereiro','Março','Abril','Maio','Junho','Julho','Agosto','Setembro','Outubro','Novembro','Dezembro'], monthNamesShort: ['Jan','Fev','Mar','Abr','Mai','Jun','Jul','Ago','Set','Out','Nov','Dez'], dayNames: ['Domingo','Segunda-feira','Terça-feira','Quarta-feira','Quinta-feira','Sexta-feira','Sábado'], dayNamesShort: ['Dom','Seg','Ter','Qua','Qui','Sex','Sáb'], dayNamesMin: ['Dom','Seg','Ter','Qua','Qui','Sex','Sáb'], weekHeader: 'Sm', dateFormat: 'dd/mm/yy', firstDay: 0, isRTL: false, showMonthAfterYear: false, yearSuffix: ''}; $.datepicker.setDefaults($.datepicker.regional['pt-BR']); });[/quote]

Funcionou, Muito Obrigado :smiley:

vlw

Olá amigo, estou estudando estas partes!!

PS: estes comandos no .js que vc citou neste thread do forum… deve ser colocado em que local da aplicação?

Você disse poem na página… mas nao preicso referenciar em momento algum?? teria um exemplo?

Obrigado!

Galera… Muito obrigado, funcionou (em partes)… Agora aparece o calendario… Porém. tem algumas coisas que nao estao certas e queria arrumar

  1. O visual dele esta prejudicado, só aparece a “estrutura” não aparece ele bonitinho como na apostila ou no proprio site do jquery:

vejam a foto em anexo…

Fora isso, eu vi várias pessoas com o seguinte código para formatar o datepicker:

jQuery(function($){  
    $.datepicker.regional['pt-BR'] = {  
        closeText: 'Fechar',  
        prevText: '<Anterior',  
        nextText: 'Próximo>',  
        currentText: 'Hoje',  
        monthNames: ['Janeiro','Fevereiro','Março','Abril','Maio','Junho','Julho','Agosto','Setembro','Outubro','Novembro','Dezembro'],  
        monthNamesShort: ['Jan','Fev','Mar','Abr','Mai','Jun','Jul','Ago','Set','Out','Nov','Dez'],  
        dayNames: ['Domingo','Segunda-feira','Terça-feira','Quarta-feira','Quinta-feira','Sexta-feira','Sábado'],  
        dayNamesShort: ['Dom','Seg','Ter','Qua','Qui','Sex','Sáb'],  
        dayNamesMin: ['Dom','Seg','Ter','Qua','Qui','Sex','Sáb'],  
        weekHeader: 'Sm',  
        dateFormat: 'dd/mm/yy',  
        firstDay: 0,  
        isRTL: false,  
        showMonthAfterYear: false,  
        yearSuffix: ''};  
    $.datepicker.setDefaults($.datepicker.regional['pt-BR']);  
});  

Porém no meu caso acima, aonde eu utilizaria isso, no taglib campoData.tag ou no proprio site jsp ???

Obrigado.

Galera…

Obrigado, consegui solcionar…

O Path do css estava errado, agora ficou jóia.

E quantoa formatação em Portugues eu ajustei, deixei dessa forma:

<%@ attribute name="id" required="true" %>

<input id="${id}" name="${id}" type="text">

<script type="text/javascript">

 $("#${id}").datepicker( { 

    dateFormat: 'dd/mm/yy', 
	closeText: 'Fechar',    
    prevText: '<Anterior',    
    nextText: 'Próximo>',    
    currentText: 'Hoje',    
    monthNames: ['Janeiro','Fevereiro','Março','Abril','Maio','Junho','Julho','Agosto','Setembro','Outubro','Novembro','Dezembro'],    
    monthNamesShort: ['Jan','Fev','Mar','Abr','Mai','Jun','Jul','Ago','Set','Out','Nov','Dez'],    
    dayNames: ['Domingo','Segunda-feira','Terça-feira','Quarta-feira','Quinta-feira','Sexta-feira','Sábado'],    
    dayNamesShort: ['Dom','Seg','Ter','Qua','Qui','Sex','Sáb'],    
    dayNamesMin: ['Dom','Seg','Ter','Qua','Qui','Sex','Sáb'],    
    weekHeader: 'Sm',    
    dateFormat: 'dd/mm/yy',    
    firstDay: 0,    
    isRTL: false,    
    showMonthAfterYear: false,    
    yearSuffix: '' 
          });

$("#${id}").datepicker.setDefaults($.datepicker.regional['pt-BR']);  
</script>

Tudo isso dentro do meu componente campoData.tag é ai mesmo??

Quais tipos de documentos e sites/literaturas vocês indicam pra aprender melhor?

Obrigado mais uma vez!

Olá Duzas87

Parabéns por ter conseguido solucionar seus problemas com Datepicker.

Não tenho nenhum recomendação em específico. Tbm não sou nenhum especialista em JQuery, sugiro que procure no Google por sites como este :arrow: http://www.noupe.com/tutorial/51-best-of-jquery-tutorials-and-examples.html que tem bastante exemplos.

flw :thumbup: