Calendario emergente en formularios
Para poder hacer este calendario emergente solo necesitas de un archivo javascript que es llamado desde el head de nuestra pagina, cuando uno da clic en el campo detona la función principal esta genera los dias apartir del actual por medio de un algoritmo matematico, bueno sin mas preámbulos te dejo el archivo para descargar y algunas modificaciones que hice en código.
Comienza descargando el script y una demo
Paso 1Incluir en la cabecera, nuestro archivo java script

Paso 2Asiganerle al formulario la clase del java script e indicarle el formato en que se insertara la fecha.

Paso 3Apartir de la linea 305 del archivo popcalendar.js, puedes modificar con el ciclo for, donde iniciaran y donde terminaran los años que se ven en la lista de menu.

.

Aqui hay un
demo, bueno aquí termina todo de mi parte y espero que les sea de gran ayuda este recurso!.
Foro seguro ahi respondemos tus dudas, unete y se parte de esta comunidad.


Spoofing
el 09 May 2007 a las 14:43 #wenax, me gusto mucho el calendario, esero que agan uno de calendario de eventos que los user manden sus eventos y sean aprobados por los amin si no e smucho pedir
gabriel
el 10 May 2007 a las 10:25 #oye que bien jejeje gracias por la ayuda asi es como al final lo hice
gracias rodrigo
por cierto exelente pagina brother
gabriel
el 10 May 2007 a las 10:28 #a por cierto sabes que me manda un tipo de error haber si puedes ayudarme lo que pasa es que los años, y los meses la lista me sale en la esquina superior izquierda, esto solo me pasa en fire fox y en explorer funciona de maravilla que sera?.
Rodrigo-Λzul
el 13 May 2007 a las 18:39 #A mi me aparce bien gabriel, uso firefox 2.0
no se por que sea, si alguien tiene el mismo error reportenlo por favor.
gabriel
el 16 May 2007 a las 15:24 #pues la verdad no se que sea alo mejor es mi maquina q algo esta fallando en fin tendr que checarlo bien.
Alberto
el 27 Jun 2007 a las 19:11 #Gracias por el menú estaba buscando algo así de sencillo
Solo tengo una duda en la línea 117 aparece la impresión del DIV que contiene el calendario, sin embargo no logro que se muestre la imagen en el título, es decir, el archivo callback.jpg no aparece como tal, solo un borde, lo único que cambie fue la dirección de la carpeta imágenes.
Ya hice la prueba aparte con otro DIV y una tabla y el elemento TD y si aparece, que problema puede ser
De antemano gracias. Esta muy bien el blog
Malak
el 09 Jul 2007 a las 5:34 #Muy bueno el calendario y lo explicas de una forma muy sencilla y fácil de entender. Me funciona de maravilla, solo le hice unas modificaciones, el ciclo for de la línea 305, lo modifique porque necesito los años a futuro y en la línea 128 reemplace la palabra Augosto por Agosto, un pequeñito error de ortografía pero del resto todo bien. Muchas gracias!
Rodrigo-Λzul
el 10 Jul 2007 a las 15:31 #Alberto no entiendo por que, bro checa que este bien direccionada la imagen, o que no haya por ahi un error de dedo. ^.^
Gracias por la observación Malak.
Marcos Ferrari
el 13 Jul 2007 a las 14:35 #hola mi nombres es Marcos Ferrari, muy bueno tu calendario, pero el pequeño problemilla, es que cuando le aumentas los años, te sale mas larga la lista y de los años, y lo ideal es que saliera un combobox, para los años y los meses, con eso estaria perfecto el calendario, ese es mi problema cuando lo utilizo en mi site, el cual manejo iframe sin scrollbar, por eso,si alguien solucionara eso, se lo agradeceria muchisimo…
MaryAn
el 03 Ago 2007 a las 16:11 #hola he tratado de implementar este codigo en una aplicacion que necesito pero me sale un error y cuando le doy en la caja de texto no me muestra el calendario, creo que el error puede ser porque despues de incluir en el head tengo varias funciones javasript, en este caso como debo colocarlo?
function insertarFila2() {
…
}
ayudenme please que no manejo javascript… gracias
MaryAn
el 03 Ago 2007 a las 16:37 #hola otra vez!!!
me pregunto si el error será porque lo estoy usando en un archino .php porque lo uso en uno html y me funciona perfecto…
Rodrigo-Λzul
el 03 Ago 2007 a las 23:41 #Hola MaryAn, que bueno que mencionaste que funciona bien en HTML y no en PHP, dentro de tu archivo PHP imprime tu cabecera con echo y no olvides poner diagonal inversa antes de las comillas, esto se debe hacer para que no haya conflicto con tus comillas del echo este es el ejemplo!!!
:
Waldo
el 06 Ago 2007 a las 3:48 #Que tal, esta muy bueno tu calendario sólo que yo tengo un formulario de reservación que funciona para form mail.cgi pero ya puse lo de la cabecera del html y en dos cajas de texto puse lo que indicas y no funciona, puse direcciones absolutas y alojé el archivo css en mi web y también la carpeta de donde toma las imagenes, incluso modifiqué el css en donde tiene su SCR para tomar las imágenes poniendo la dirección absoluta del sitio y el directorio donde están para que las encuentre pero nada.
funciona tu aplicacion con un formulario para formmail? Un saludo
MaryAn
el 06 Ago 2007 a las 19:56 #hola!!!
muchas gracias, ya me funciono el calendario adicionandolo a un archivo php, pero ahora tengo un problema y es que yo estoy generando un text con javascript y necesito que este contenga en calendario pero parece que lo estuviera adicionado mal, el text que estoy adicionado esta dentro de una tabla llamada RecActividad2, y esta se encuentra dentro de un formulario llamado form1,lo estoy agregando de la siguente manera pero no se que es lo que estoy haciendo mal, sera que me podrias especificar los parametros de la funcion popUpCalendar()? es que creo que posiblemete este mandando mal los parametros y por eso ni me funciona…
text= document.createElement('input');text.name='InicioAct'+NumFila;
text.id='InicioAct'+NumFila;
text.onClick="popUpCalendar(this, this.form1.InicioAct2, 'mm-dd-yyyy');"
cell.appendChild(text);
Gracias
Rodrigo-Λzul
el 08 Ago 2007 a las 1:01 #Johan Quijano
el 12 Ago 2007 a las 19:48 #Hi
No entiendo por que es obligatoria llamar el script desde
Simplemente no se puede llamar donde uno quiera con:
????
Johan Quijano
el 12 Ago 2007 a las 19:50 #mmm no me aparecion bien lo anterior …
De nuevo:
Por que toca desde HEAD ?
no se puede con
SCRIPT
language=”JavaScript”
SRC POPCALENDAR.JS
SCRIPT
Johan Quijano
el 12 Ago 2007 a las 21:10 #No me funciona….
Realizo todos los pasos y no aparece…
Karla Patricia
el 24 Ago 2007 a las 21:10 #Héctor
el 05 Sep 2007 a las 17:58 #Hola, tengo un problema. Ya el calendario me funciona perfecto, pero cuando deseo agregar dos calendarios en una misma página no hay como independizar los años de inicio ni de final. Por ejemplo, si quiero poner fecha de nacimiento y fecha de expedicion del dni me toca listar desde 1940 hasta 2007, pero esto permitiría que alguien pusiera 2007 como año de nacimiento. Si alguien sabe como hacerlo les agradezco.
malon
el 15 Sep 2007 a las 17:03 #muy bien lo del calendario pero ahora bien como hago para ponerlo a funcionar en los demas navegadores como es firefox
David
el 15 Oct 2007 a las 11:42 #Buenas mi duda es trabajando con jsp, he insertado el calendario sin problemas, pero cuando carga la pagina, me aparecen partes del calendario en la parte superior izquierda de la pantalla, como puedo soluconarlo? en cuanto ago click desaparece
Diego
el 19 Oct 2007 a las 13:31 #hola funcina de maravilla el calendario,pero tengo un problema mi pagina carga con css, y cuando carga el calendario asume el css como haria para ke no cargue con los valores de l css \\agradeceria tu respuesta
Juan Manuel Hayek
el 02 Nov 2007 a las 10:16 #Los felicito que buen calendario, facil de implementar y de acomodar a las necesidades. muy bien por ustedes calificacion 10 desde Colombia
Ramsez
el 19 Nov 2007 a las 17:07 #Hola Estoy trabajando con Jakara struts necesito el caledario para ejecutarlo con jsp y no funciona tienes alguna sujerencia ????

andrew
el 30 Nov 2007 a las 18:42 #Buenas, creo que tengo el mismo problema de mas de uno aqui, que al agregarlo a mi pagina JSP, la parte de la seleccion del mes y año, sale en varias filas, pero al ponerlo en una pagina sencilla, se muestra bien, me podrian ayudar
Dido
el 04 Ene 2008 a las 13:57 #hola manes, me gustaria saber si se puede que el calendario funcione en 2 campos d emi formulario, es decir que si selecciono en el primer campo 01-11-2008 en automatico en el segundo campo se cargue 02-11-2008 y si se puede, heeeeelpppp meeeeee
alacam
el 09 Ene 2008 a las 10:46 #nececito la pagina de las respuestas del calendario matematico mandenmela a mi correo plisssssssssssss

alacam
el 09 Ene 2008 a las 10:51 #mi correo es hernan_d1993@hotmail.com
plissssssssssssssssssss
alejandra
el 19 Ene 2008 a las 12:41 #hola: esta re-bueno el calendario pero cuando quiero hacer cambios no se hacen efectivos, y no me aparecen las imagenes. Sabes que puede ser?
Yeyita
el 22 Ene 2008 a las 12:05 #Hola tu calendario me parece muy bien pero tengo una pregunta yo necesito que dentro de mi calendario sólo me aparezca habilitados los dias a la semana correspondiente del mes.Es decir semana 3 de febrero L M K J V para seleccionar c/ de esos dias y si estoy en K solo estarán ahbilitados J V
Hermes
el 01 Feb 2008 a las 16:25 #hola, estoy tratando de implementar el calendario en una pagina web en front page pero no me funciona, dice que el objeto no esta definido, y ya lo declare
patricia
el 08 Abr 2008 a las 6:06 #hola, yo tengo el mismo problemilla que algunos que ya lo han dicho, intento implementarlo en una pagina jsp, pero no se muestra nada, me sale en el navegador abajo a la izquierda un icono de un triangulo amarillo con error y me dice que esperaba un objeto.
Alguien me puede ayudar por favor???
francisco
el 11 Abr 2008 a las 10:53 #hola ya he puesto este calendario en una aplicacion que estos diseñando, pero no me funciona en IE7 solo en el firefox, alguien me puede decir como hacerle para que funcione en IE7
Esteban...
el 17 Abr 2008 a las 10:07 #hola.. muy bueno
muxas gracias por el calendario, pero
como puedo hacer para agregar por defecto la
hora actual en que estoy llenando el formulario???
si me puedes ayudar te lo agradeceria bastante.
saludos
Jorge
el 12 May 2008 a las 14:44 #hola estoy trabajando en jsp con spring pero no me funciona no sale el calendario en html sale perfecto pero en mi pagina jsp no sale nada alguien porfavor me podria ayudar se los agradeceria muchisimo adioss
Daniel
el 20 May 2008 a las 19:40 #Hola, se ve bueno el calendario, pero tengo el mismo problema que patricia.
ojala lo respondan!
bye
Albert
el 21 May 2008 a las 5:51 #Excelente compadre.. muchas gracias

Sergio Andrés Cardona Areiza
el 21 May 2008 a las 16:17 #Hola!!! pues el calendario me funcionó perfectamente, era eso lo que estaba buscando un calendario sencillo con buena presencia y rápido… pero cuando puse el calendario dentro de una capa con posición absoluta o relativa no me funciono… alguien sabe como solucionar esto? se los agradecería mucho
marvin
el 26 May 2008 a las 16:31 #Hola, es una maravilla este calendario. Me funciona perfecto, solo que cuando lo agregarlo en otra parte dentro del mismo formulario deja de funcionar.
Por favor si me pueden ayudar se los agradeceria e el alma. Marvin The Matian 
marvin
el 26 May 2008 a las 16:32 #Hola, es una maravilla este calendario. Me funciona perfecto, solo que cuando lo agregarlo en otra parte dentro del mismo formulario deja de funcionar.
Por favor si me pueden ayudar se los agradeceria e el alma. Marvin
Andrea
el 17 Jun 2008 a las 18:43 #Excelente el calendario!!! me ha servido mucho. ahora bien, habra algo para hacer para que me aparezcan en el combo de años, 2 años menos al actual y dos años mas, es decir del 2006 al 2010???? GRacias!!
santi
el 20 Jun 2008 a las 13:46 #Hola pues pa contarles que me a dejado fasinado el caledario emergete me funcio al 100%