Atributo datetime de HTML <time>

Etiqueta <time> de HTML

Definición y uso

datetime El atributo representa el formato legible por máquina del elemento <time>.

Ejemplos de valores de fecha y hora válidos:

Fecha:

<time datetime="1914">  <!-- Representa el año 1914 -->
<time datetime="1914-12">  <!-- Representa el mes de diciembre de 1914 -->
<time datetime="1914-12-20">  <!-- Representa el 20 de diciembre de 1914 -->
<time datetime="12-20">  <!-- Representa el 20 de diciembre de cada año -->
<time datetime="1914-W15">  <!-- Representa la semana 15 de 1914 -->

Fecha y hora:

<time datetime="1914-12-20T08:00">  <!-- Representa la mañana 8:00 del 20 de diciembre de 1914 -->
<time datetime="1914-12-20 08:00">  <!-- También representa la mañana 8:00 del 20 de diciembre de 1914 -->
<time datetime="1914-12-20 08:30:45">  <!-- Incluye minutos y segundos -->
<time datetime="1914-12-20 08:30:45.687">  <!-- Incluye minutos, segundos y milisegundos -->

Fecha y hora:

<time datetime="08:00">  <!-- Representa la mañana 8:00 -->
<time datetime="08:00-03:00">  <!-- Representa la hora de Río de Janeiro (UTC-3 horas) a la mañana 8:00. -->
<time datetime="08:00+03:00">  <!-- Representa la hora de Madagascar (UTC+3 horas) a la mañana 8:00 -->

Duración:

<time datetime="P2D">  <!-- Representa 2 días -->
<time datetime="PT15H10M">  <!-- Representa 15 horas y 10 minutos -->

Ejemplo

El elemento <time> tiene configurado el atributo datetime legible por máquina:

<p>Tuve una cita en el <time datetime="2017-02-14">Día de San Valentín</time>.</p>

Prueba personalmente

Gramática

<time datetime="YYYY-MM-DDThh:mm:ssTZD">

Valor del atributo

Valor Descripción

YYYY-MM-DDThh:mm:ssTZD

o

PTDHMS

Fecha o hora especificada. Descripción de los componentes:

  • YYYY - Año (por ejemplo, 2011)
  • MM - Mes (por ejemplo, 01 representa enero)
  • DD - Día (por ejemplo, 08)
  • T o espacio - Separador (si se especifica la hora,则需要)
  • hh - Horas (por ejemplo, 22 representa las 10 pm)
  • mm - Minutos (por ejemplo, 55)
  • ss - Segundos (por ejemplo, 03)
  • TZD - Indicador de zona horaria (Z representa Zulu, también conocido como hora estándar de Greenwich)
  • P - Prefijo de "Período"
  • D - Prefijo de "Días"
  • H - Prefijo de "Horas"
  • M - Prefijo de "Minutos"
  • S - Prefijo de "Segundos"

Compatibilidad del navegador

Los números en la tabla indican la versión del navegador que admite completamente la propiedad.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
62.0 18.0 22.0 7.0 49.0

Etiqueta <time> de HTML