Cómo utilizar el calendario en un campo de formulario donde deseamos que se introduzca una fecha.
Vamos a ver cómo podemos utilizar la librería del calendario PHP para seleccionar una fecha en un elemento de formulario, que sería una de las acciones más típicas a realizar con la librería del calendario vista anteriormente.
Lo que pretendemos conseguir es disponer de un campo de texto donde se debería introducir una fecha y la opción de pulsar un botón para abrir una ventana independiente con el calendario. En el calendario deberíamos poder pulsar un día concreto y la fecha debería escribirse en el formulario de origen.
El ejercicio se puede ver pulsando este enlace.
Para completar este ejercicio se deben realizar una gran cantidad de pasos, ninguno de ellos demasiado complicado o largo, técnicamente hablando, pero sí bastante específicos. Realmente el bloque principal del trabajo ya está realizado con las librerías del calendario relatadas en este manual, pero aun queda una adaptación bastante laboriosa.
Hemos puesto a vuestra disposición para descargar los scripts y librerías utilizados en este ejercicio.
El formulario
Para empezar vamos a ver cómo sería el formulario donde se seleccionaría una fecha ayudado por el calendario.
<form name="fcalen">
Fecha:
<INPUT name="fecha1" size="10">
<input type=button value="Seleccionar fecha" onclick="muestraCalendario('','fcalen','fecha1')">
</form>
El campo de texto debe colocarse dentro de un formulario. Debemos nombrar tanto el formulario como el campo de texto para luego poder acceder a ellos a partir de la ventana del calendario utilizando Javascript.
Al lado del campo de texto colocaremos también un botón para abrir el la ventana del calendario. Por comodidad, el botón llamará a una función Javascript y esta será la encargada de abrir el calendario en una ventana secundaria.
Referencia: Se encontrará información del calendario y la introducción necesaria para seguir este artículo en el manual Calendario en PHP. |
Lo que pretendemos conseguir es disponer de un campo de texto donde se debería introducir una fecha y la opción de pulsar un botón para abrir una ventana independiente con el calendario. En el calendario deberíamos poder pulsar un día concreto y la fecha debería escribirse en el formulario de origen.
El ejercicio se puede ver pulsando este enlace.
Para completar este ejercicio se deben realizar una gran cantidad de pasos, ninguno de ellos demasiado complicado o largo, técnicamente hablando, pero sí bastante específicos. Realmente el bloque principal del trabajo ya está realizado con las librerías del calendario relatadas en este manual, pero aun queda una adaptación bastante laboriosa.
Hemos puesto a vuestra disposición para descargar los scripts y librerías utilizados en este ejercicio.
El formulario
Para empezar vamos a ver cómo sería el formulario donde se seleccionaría una fecha ayudado por el calendario.
<form name="fcalen">
Fecha:
<INPUT name="fecha1" size="10">
<input type=button value="Seleccionar fecha" onclick="muestraCalendario('','fcalen','fecha1')">
</form>
El campo de texto debe colocarse dentro de un formulario. Debemos nombrar tanto el formulario como el campo de texto para luego poder acceder a ellos a partir de la ventana del calendario utilizando Javascript.
Al lado del campo de texto colocaremos también un botón para abrir el la ventana del calendario. Por comodidad, el botón llamará a una función Javascript y esta será la encargada de abrir el calendario en una ventana secundaria.
Miguel Angel Alvarez
Fundador de DesarrolloWeb.com y la plataforma de formación online EscuelaIT. Com...