Campo de texto con formato de fecha

Los calendarios han cobrado especial importancia en las aplicaciones de la Web 2.0. Su uso es indiscutible en todos los sitios de reservas on-line, bien sea para reservar un billete de avión o una habitación de hotel.

Para los desarrolladores, los formatos de fecha suponen un verdadero problema, sobre todo en sitios web de vocación internacional (dd/mm/aa o mm/dd/aa).

A día de hoy, estos calendarios se gestionaban mediante complejos scripts o incluso frameworks JavaScript (por ejemplo, Dojo).

HTML5 proporcionará (en un futuro) campos de formulario especialmente adaptados a la codificación de fechas que permitirán visualizar directamente en el navegador, sin el uso de plug-ins particulares, un calendario donde el usuario podrá escoger la fecha en el formato deseado por el diseñador.

Se trata de uno de los avances más importantes de HTML5 en cuando al diseño de sitios web.

A día de hoy, solamente Opera 10+ y Google Chrome 20.0+ implementan esta funcionalidad.

Al inicio:

images/CAP09IMG31.png

Al situar el foco en el campo, aparece un calendario:

images/CAP09IMG32.png

Este código se reduce a unas pocas líneas:


<!DOCTYPE html> 
<html lang="es"> 
<head> 
   <title>Html5</title> 
   <meta charset="UTF-8"> 
</head> 
<body> 
<form action=""> 
Fecha de llegada: <input type="date" name="in"><br> 
Fecha de partida: <input type="date"...
Si desea saber más, le proponemos el siguiente libro:
couv_RIT35HTM.png
60-signet.svg
Versión impresa
20-ecran_lettre.svg
Versión online
41-logo_abonnement.svg
En ilimitado con la suscripción ENI
130-boutique.svg
En la tienda oficial de ENI
Anterior
Campo de texto con formato numérico
Siguiente
Campo de texto de búsqueda