Calendario para consultar por fecha..

emiiangela · #1 (**permalink**) 10/07/2012, 08:24

hola Buenos Dias, necesito ayuda con un calendario en javascript
lo descrague de la web.. pero tengo un problema. intento hacer una consulta de cursos desde una fecha tal a otra fecha tal...es decir que me seleccione una lista de cursos que se dieron desde 14/07/1/2011 hasta 14/07/12012.. que me seleccione todos esos cursos...

eja hice un form le coloque el javascript del calendario para que cuando de clik al caja de texto salga el calendario y de hay pueda sacar la fecha para hacer la consulta...
el problema es que son 2 cajas de texto, entonces deben salir dos calendario uno en cada caja de texto... y solo me sale uno... y necesito una idea para saber como hacer que me salgan los 2...
esto es lo que llevoo..

<script language='javascript' src="popcalendar.js"></script>
<title>Documento sin título</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

</head>

<body>
<table width="100%" height="54%" border="1">
<tr>
<th width="931" height="87%" scope="col"><div align="left">
<p><img src="img/Imagen1.png" width="570" height="8">Consultar Cursos por Fecha:</p>
<p> </p>
<center>
<form name="form1" method="post" action="">
<div align="center">Nombre del Curso:
<input type="text" name="textfield">
Desde:
<input name="nombre_de_la_caja" type="text" id="nombre_de_la_caja" onClick="popUpCalendar(this, form1.dateArrival, 'mm-dd-yyyy');" size="10">
Hasta:
<input name="textfield2" type="text" size="10">
<input type="submit" name="Submit" value="Consultar" >
<img src="img/consultas-psicologicas.jpg" width="44" height="38"></div>
</form>
</center>
</div></th>

quice colocar el mismo javascritp para las dos cajas de texto pero si lo coloco no me sale ninguno de los 2.. porfa ayuda con esto... lo que necesito se que puede ser sencillo..

fjrueda · #2 (**permalink**) 10/07/2012, 14:20

emiiangela ... primero te voy a decir que uses el highlight cuando copies codigo.

y segundo, seguramente estas repitiendo el identificador dela casilla de texto. por eso el JS no reconoce que casilla de texto tiene como recurso.

Código HTML:

Ver original<table width="100%" height="54%" border="1">
<tr>
<th width="931" height="87%" scope="col"><div align="left">
<p><img src="img/Imagen1.png" width="570" height="8">Consultar Cursos por Fecha:</p>
<p>&nbsp;</p>
<center> 
<form name="form1" method="post" action="">
<div align="center">Nombre del Curso:
<input type="text" name="textfield">
Desde:
<input name="nombre_de_la_caja" type="text" id="nombre_de_la_caja" onClick="popUpCalendar(this, form1.dateArrival, 'mm-dd-yyyy');" size="10">
Hasta:
<input name="nombre_de_la_caja2" type="text" id="nombre_de_la_caja2" onClick="popUpCalendar(this, form1.dateArrival, 'mm-dd-yyyy');" size="10">
<input type="submit" name="Submit" value="Consultar" > 
<img src="img/consultas-psicologicas.jpg" width="44" height="38"></div>
</form>
</center>

Prueba con eso, y a un asi no te funciona dime de donde sacaste ese datapicker y estudiarlo un poco mas.

emiiangela · #3 (**permalink**) 11/07/2012, 07:21

hola amigo gracias por responder este tema, tuve que cambiar el calendario, utilice este que te muestro aqui...

Código Javascript:

Ver original<link href="calendario_dw/calendario_dw-estilos.css" type="text/css" rel="STYLESHEET">
<script type="text/javascript" src="calendario_dw/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="calendario_dw/calendario_dw.js"></script>
<script type="text/javascript">
$(document).ready(function(){
   $(".campofecha").calendarioDW();
})
</script>

Código PHP:

Ver original<table width="100%" height="54%" border="1">
    <tr>
    <th width="931" height="87%" scope="col"><div align="left">
    <p><img src="img/Imagen1.png" width="570" height="8">Consultar Cursos por Fecha:</p>
    <p>&nbsp;</p>
    <center>
    <form name="form1" method="post" action="">
    <div align="center">Nombre del Curso:
    <input type="text" name="textfield">
    Desde:
    <input type="text" name="fecha" class="campofecha" size="12">
    Hasta:  <input type="text" name="fecha" class="campofecha" size="12">
    <input type="submit" name="Submit" value="Consultar" >
    <img src="imgconsultas.jpg" width="44" height="38"></div>
    </form>
    </center>

hasta orita me funciona bien, si tienes alguna recomendacion, la acepto, soy nueva en esto y puede que hallan cosas mejores y yo no lo sepa...

solo me faltaria hacer la consulta con estas fechas...

gracias.

fjrueda · #4 (**permalink**) 11/07/2012, 07:49

Con respecto al codigo, acuerdate de no utilizar los el mismo nombre ni el mismo identificador para los imput de tipo texto.

y pues la experiencia llega con la constancia junto con la "Prueba y error", y veo que esta utilizando el framwork de Jquery, ese es un buen framework.

Uno puede llegar a crear uno propio, pero ese cosade otro tema, ahora te digo que si tienes alguna otra duda mejor la creas como tema nuevo y asi fluje mejor el funcionamiento del foro.