Una de las novedades incluidas en HTML5 a sido una amplia variedad de controles de tipo gráfico, en este momento vamos a ver como usar el nuevo control calendario incluido en HTML5.
Este es básicamente un subtipo derivado del control input, y su uso es realmente sencillo.
<input type="date" id="cumpleanos" name="cumpleanos"/>
Por otra parte, existen otros tipos de calendarios, los cuales nos permiten seleccionar la fecha y hora, semanas enteras y meses enteros, lo que en realidad me parece genial.
En el caso de fecha y hora cambiamos el tipo a datetime y listo:
<input type="datetime" id="citamedica" name="citamedica"/>
Si queremos seleccionar semanas completas solo cambiamos el tipo a week y listo.
<input type="week" id="vacaciones" name="vacaciones"/>
Y por ultimo los meses, para este caso cambiamos el tipo por month y ya podremos seleccionar mese completos.
<input type="month" id="capacitacion" name="capacitacion"/>
Como pueden ver son de gran utilidad y muy fáciles de usar, ahora con un poco de CSS de seguro que se logra una gran apariencia.
No hay comentarios:
Publicar un comentario