Fechas y horas en HTML

Cinco tipos de input para los que el navegador ya sabe mostrar un selector.

<label for="day">Date</label>
<input type="date" id="day" name="day" min="2026-01-01"
       max="2026-12-31">

<label for="slot">Time</label>
<input type="time" id="slot" name="slot" step="900">

<label for="when">Date and time</label>
<input type="datetime-local" id="when" name="when">

<label for="cycle">Month</label>
<input type="month" id="cycle" name="cycle">

Cómo funciona

1. Cada tipo tiene su formato de valor; date siempre es YYYY-MM-DD.
2. min y max toman un valor en ese mismo formato.
3. week y month también existen, y son los menos soportados.

El intento, en números

Líneas

12

Caracteres a escribir

360

Tokens

101

Ritmo de tres estrellas

70 tpm

Al ritmo de tres estrellas de 70 tokens por minuto, este intento toma unos 87 segundos.

Escribe este fragmento

Paso 2 de 4 en Números, fechas y archivos; paso 16 de 25 en Formularios y entradas.

← Anterior Siguiente →