JQuery Datepicker mostra sujeira na página

Olá liesse

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

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>

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 :?:

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']); });

Funcionou, Muito Obrigado

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: