[RESOLVIDO] - jCalendar

4 de abril de 2008 5 respostas

Gu1 4 de abril de 2008

galerinha, estou precisando colocar um calendario em um formulario que preencha um edit… e na busca que fiz achei o Jcalendar, mas não estou conseguindo fazer ele funcionar, a unica coisa que aparece na tela é um retangulo parecido com o de uma figura quando não mostra… vou postar o codigo aqui e se por um acaso alguem saber como fazer o jcalendar funcionar eu ficarei muito grato…

<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>
<%@ page import="com.toedter.calendar.JCalendarDemo" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pt-br">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
        <title></title>
        <link rel="stylesheet" href="css/formatacao.css" type="text/css" />
        <link rel="stylesheet" href="css/style.css" type="text/css" />
    </head>
    <body>
        <form name="" action="" method="post">
            <div id="pagina">
                <div class="coluna1">
                    Periodo
                </div>
                <div class="coluna2">
                    <input type="text" name="campoDataInicio" size="10" /><applet code="com.toedter.calendar.JCalendarDemo" archive="../lib/jcalendar.jar,../lib/looks-1.2.2.jar"></applet> a
                    <input type="text" name="campoDataFim" size="10" />
                </div>
                <div class="coluna1">
                    Autor
                </div>
                <div class="coluna2">
                    <input type="text" name="campoAutor" size="50" />
                </div>
                <div class="coluna1">
                    Assunto
                </div>
                <div>
                    <input type="text" name="campoAssunto" size="50" />
                </div>
            </div>

	</form>
    </body>
</html>

valew

5 Respostas

Gu1 8 de abr. de 2008

galerinha se alguem souber tb alguma coisa parecida com o jcalendar tb serve, preciso colocar em um projeto que estou desenvolvendo aqui no serviço… se alguem puder me ajudar ficarei grato…

valew

Guitar_Men 8 de abr. de 2008

eu usso esse http://www.dynarch.com/projects/calendar/
na minha aplicação web, e funciona perfeitamente, da uma olhada ai…

Gu1 10 de abr. de 2008

Guitar_Men, baixe o jsCalendar, mas num ta funcionado direito… ele fica aparecendo na tela no windows e no opera, mas no windows eu clico no botão ele não funfa mas no opera ele funfa… velhinho por um acaso tem como vc me dar uma ajuda… vou postar o codigo aqui… valew

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pt-br">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title></title>
        <link rel="stylesheet" href="css/calendar.css" type="text/css" />
        <link rel="stylesheet" type="text/css" media="all" href="css/calendar-system.css" title="Aqua" />
        <script src="javaScript/calendar.js" language="javascript" type="text/javascript" >
        </script>
        <script src="lang/calendar-pt.js" language="javascript" type="text/javascript">
        </script>
        <script src="javaScript/calandar.js" language="javascript" type="text/javascript">
        </script>
    </head>
    <body onload="showFlatCalendar()">
        <form action="" method="post">

            <b>Data:</b> <input type="text" name="date3" id="sel3" size="30" />
            <input type="reset" value=" ... " onclick="return showCalendar('sel3', '%d/%m/%Y');" />
            <br />

	</form>
    </body>
</html>

Guitar_Men 10 de abr. de 2008

Eu encontrei alguns problemas com essa biblioteca na versão em português, então eu peguei a em inglês e traduzi no braço o que eu queria. Uma coisa, vc quer que quando clique em um botão ele abra o calendrário ?? Pq se for isso eu fiz da seguinte forma
Dentro da tag form eu coloquei o meu campo

<input type="text" name="dataInicio" size="12" readonly="true"><button id="botao1">...</button>

e logo abaixo, depois da tag de encerramento do form

</form>

eu coloquei

<script type="text/javascript">
            Calendar.setup(
                {
                    inputField  : "dataInicio",         // ID of the input field
                    ifFormat    : "%d/%m/%y",    // the date format
                    button      : "botao1",       // ID of the button
                    singleClick : true,
                    eletric     : true
                }
            );
        </script>

Não esquecendo de carregar as libs entre as tags

<script type="text/javascript" src="../javascript/calendar.js"></script>
        <script type="text/javascript" src="../javascript/calendar-en.js"></script>
        <script type="text/javascript" src="../javascript/calendar-setup.js"></script>

Gu1 10 de abr. de 2008

valew Guitar_Men… funfou…valew mesmo… vou mudar aqui tb o que esta em Inglês para portugues…

Criado 4 de abril de 2008

Ultima resposta 10 de abr. de 2008

Respostas 5

Participantes 2

5 Respostas

Topicos relacionados