Verificando a apostila da Caelum mencionada…
“1) Vamos criar nossa tag para o campo de calendário com datepicker. Para isso vamos utilizar a biblioteca
javascript JQuery.”
-Vc faz o download em “http://jqueryui.com/download” da UI (User Interface). Recomendo neste momento a versão 1.7.3-release (*mais para frente explico pq)
-Como no exemplo é apenas para fazer rodar a Widgets Datepicker, vc pode desmarcar tudo e apenas marcar o “Datepicker” e automaticamente o que for necessário será marcado tb. Antes de fazer o Download, vc escolhe o Tema desejado. Neste exemplo escolhi o “eggplant”.
-Feito o download, descompacte em algum local, vá no diretório onde foi descompactado e copie os diretórios “css” e “js” para dentro do diretório WebContent do seu projeto.
-No Eclipse, selecione o projeto e aperte F5 para atualizar.
-No arquivo “adiciona-contato.jsp” dentro da tag <head></head> tem que estar:
<link type=“text/css” href=“css/eggplant/jquery-ui-1.7.3.custom.css” rel=“stylesheet” />
<script type=“text/javascript” src=“js/jquery-1.3.2.min.js”></script>
<script type=“text/javascript” src=“js/jquery-ui-1.7.3.custom.min.js”></script>
no href da primeira linha, tem que estar o caminho exato e o nome exato do seu .css
no src da segunda linha, tem que estar o caminho exato e o nome exato do seu jquery.js
no src da terceira linha, tem que estar o caminho exato e o nome exato do seu jquery-ui.js
Pronto!
Depois é somente ir seguindo o restante que irá dar certo.
Somente uma coisa que ficou estranha aqui no meu Eclipse, mas mesmo assim deu certo.
Nos arquivos jquery.js e jquery-ui.js, que ficam dentro do diretório WebContent/js, ficaram o triângulo da exclamação amarelo.
*Quando eu uso a versão 1.8.16, o jquery.js passa para X vermelho, ficando pior a situação, acredito eu, mas mesmo assim funcionou tb.
Alguém saberia como resolver isso?
Ou o que se trataria o erro acusado pelo Eclipse?
Abraço e espero ter ajudado quem achar este post 