Índice

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" ...