HTML Reference Manual

Complete List of HTML Tags

HTML: <time> datetime attribute

Usage of datetime attribute of <time> element, datetime attribute represents the machine-readable date of <time> element/Time.

　HTML <time> tag

Online Example

time element with machine-readable datetime attribute:

Example

<!DOCTYPE html>
<html>
<head>　
<meta charset="utf-8">　
<title>Basic Tutorial Website(oldtoolbag.com)</title>/<title>　
</<head>
<body>
<p>We are at <time datetime="2019-12-25">Christmas</time>host a Party.</p>
</body>
</html>

Test and see ‹/›

Browser Compatibility

IEFirefoxOperaChromeSafari

The datetime attribute does not render any special effects in all browsers.

Definition and Usage

The datetime attribute represents the machine-readable date of the <time> element/Time.

Examples of valid dates and times:

Dates:
<time datetime="1914">　　<!--　means the year　1914　-->
<time datetime="1914-12">　　<!--　means December　1914　-->
<time datetime="1914-12-20">　　<!--　means　20 December　1914　-->
<time datetime="12-20">　　<!--　means　20 December any year　-->
<time datetime="1914-W15">　　<!--　means week　15　of year　1914　-->
Date and Times:
<time datetime="1914-12-20T08:00">　　<!--　means　20 December　1914　at　8am　-->
<time datetime="1914-12-20 08:00">　　<!--　also means　20 December　1914　at　8am　-->
<time datetime="1914-12-20 08:30:45">　　<!--　with minutes and seconds　-->
<time datetime="1914-12-20 08:30:45.687">　　<!--　with minutes, seconds, and milliseconds　-->
Times:
<time datetime="8:00">　　<!--　means　8am　-->
<time datetime="8:00-03:00">　　<!--　means　8am in Rio de Janeiro (UTC-3　hours)　　-->
<time datetime="8:00+03:00">　　<!--　means　8am　in　Madagascar　(UTC+3　hours)　　-->
Durations:
<time　datetime="P2D">　　<!--　means　a　duration　of　2　days　-->
<time　datetime="PT15H10M">　　<!--　means　a　duration　of　15　hours　and　10　minutes　-->

HTML 4.01 with HTML5differences

<time> tag is HTML5 New tags.

Syntax

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

Attribute value

Value	Description
YYYY-MM-DDThh:mm:ssTZD	Date or time. Below is an explanation of the components: YYYY - Year (for example 2011) MM - Month (for example 01 Indicates January) DD - Day (for example 08) T - Required delimiter, if time is specified hh - Hour (for example 22 Indicates 10.00pm) mm - Minutes (for example 55) ss - Seconds (for example 03) TZD - Time zone designator (Z represents Zulu, also known as Greenwich Mean Time)

　HTML <time> tag

HTML: <template> tag