Calendário Javascript fj21

3 respostas
R

Estou lendo a apostila do curso fj21 da Caelum e implementando os exemplos propostos na apostila. Porém no capítulo 8 possui um exercício para colocar um calendário no form. Fiz como manda a apostila, porém o mesmo não está aparecendo. Não consigo encontrar o erro.

Segue abaixo o código do campoData.tag
<%@ attribute name="id" required="true" %>

<input type="text" id="${id}" name="${id}" />
<script type="text/javascript">
  $("#${id}").datepicker({dateFormat: 'dd/mm/yy'});
</script>
E do form
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
    <link type="text/css" href="css/jquery.css" rel="stylesheet" />
    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/jquery-ui.js"></script>
  </head>
  <body>
  <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
  <%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
  <%@taglib tagdir="/WEB-INF/tags" prefix="caelum" %>
  <c:import url="cabecalho.jsp" />

    <form action="adicionaContato">
      Nome: <input type="text" name="nome" /><br />
      E-mail: <input type="text" name="email" /><br />
      Endereço: <input type="text" name="endereco" /><br />
      Data Nascimento: <caelum:campoData id="dataNascimento" /><br />
      
      <input type="submit" value="Gravar" />
    </form>
      <c:import url="rodape.jsp" />
  </body>
</html>

Alguém consegue visualizar o que eu esqueci de colocar?

3 Respostas

Rafael_Guerreiro

Está certo… Mas verifique se esses dois arquivos existem:

&lt;script type="text/javascript" src="js/jquery.js"&gt;&lt;/script&gt;  
    &lt;script type="text/javascript" src="js/jquery-ui.js"&gt;&lt;/script&gt;

Se não, você pode baixá-los aqui:
jQuery
E aqui:
jQuery UI

LuizLobos

Bom Noite …

Cheguei neste capitulo e como muitos também não consegui fazer o calendário aparecer, e buscando respostas de forum em forum, nada parecia funcionar,
mas dai tive uma ideia de retirar os .js e o .css de dentro do WEB-INF e colocar dentro do WEB-Content e funcionou na hora.

Me parece que ele não conseguia mapear os arquivos por isso não funcionava.

Rafael_Guerreiro

Exato, isso acontece por que tudo que está dentro de WEB-INF não é acessado diretamente pelo tomcat (ou qualquer outro servlet container).

Somente o que estiver em WebContent (excluindo WEB-INF).

Então este arquivo:
WebContent/javascript/meu-javascript.js
Pode ser acessado pela url:
http://localhost:8080/MinhaAplicacao/javascript/meu-javascript.js

Se estiver dentro de WEB-INF vai ser dado um 404 (not found).

Criado 2 de julho de 2013
Ultima resposta 16 de ago. de 2014
Respostas 3
Participantes 3