Utilizamos cookies propias y de terceros para mejorar nuestros servicios y mostrarle publicidad relacionada con sus preferencias mediante el análisis de sus hábitos de navegación. Si continúa navegando, consideramos que acepta su uso.
Las cookies de este sitio web se usan para personalizar el contenido y los anuncios, ofrecer funciones de redes sociales y analizar el tráfico. Además, compartimos información sobre el uso que haga del sitio web con nuestros partners de redes sociales, publicidad y análisis web, quienes pueden combinarla con otra información que les haya proporcionado o que hayan recopilado a partir del uso que haya hecho de sus servicios. Puede cambiar la configuración u obtener más información aquí

Aceptar

Calendario con selección de día

Google

Fechas y horas (manejo de tiempo)

Calendario con selección de día

Script para insertar un calendario que marca el día actual por defecto, pero tiene la posibilidad de pedirle el calendario de cualquier mes de cualquier año y al pinchar en algún día se envía la fecha a un campo de texto.

Permite seleccionar el mes y el año
Permite escoger si el mes dentro del campo de texto se escribe en número, nombre del mes completo o nombre del mes abreviado.
Se le puede configurar el tamaño y colores desde una hoja de estilos.

La instalación es sencilla, basta con poner algún contenedor dentro del formulario con un id determinado.

Última actualización el 28-Ene.-07

ver el código fuente del ejemplo

Configuración

var idContenedor = "miCalendario" //Identificador del contenedor donde se quiera insertar el calendario
var idCampofecha = "fechaCalendario" //id para el campo donde se mostrará la fecha
var fSalidaNombreMes = false //true escribe el mes por su nombre; false por su número
var fMesAbreviado = true // abrevia el nombre del mes a sus 3 primeras letras
var separadorFecha = "-" //separador para la fecha de salida

El resto de aspectos se configuran desde la hoja de estilos

#mesCalendario para configurar aspectos de la caja que muestra el mes y el año
.diaS para configurar aspectos de la caja que muestra los días de la semana
.celda para configurar aspectos de la caja que muestra los días del mes
.Hoy para configurar aspectos de la caja que muestra el día actual
.selectores para configurar aspectos de los campos para el mes y el año

Los campos con el selector de meses y el año pueden colocarse en el lugar que se prefiera del cuerpo de la página.

Finalmente hay que iniciar el calendario, podemos usar el evento onload del tag body

<body onload="tunCalendario();establecerFecha()" >

Mostrar código

Parte código javascript [Seleccionar] 
Parte código css [Seleccionar] 
Parte código HTML [Seleccionar] 



Buscador de animales en adopción
Creative Commons License
Javascript códigos by tunait is licensed under a Creative Commons Reconocimiento-Compartir bajo la misma licencia 2.5 España License.
Permissions beyond the scope of this license may be available at http://tunait.com/javascript/index.php?s=condiciones.

Todos los códigos incluídos los de la página han sido paridos y tecleados por tunait.com. Política de cookies subir