..

Search

datetime

datetime

<time> 태그의 datetime 속성


HTML <time> 태그 ⇒


정의 및 특징

<time> 태그의 datetime 속성은 <time> 요소의 날짜와 시간 데이터를 기계가 읽을 수 있는(machine-readable) 형태로 명시합니다.

 

datetime 속성값으로 유효한 데이터는 다음과 같습니다.

- 24시간 형태로 표현된 시간 데이터

- 그레고리력(Gregorian calendar)으로 표현되는 날짜 데이터 (선택사항으로 시간 및 시간대 데이터를 포함할 수 있음)

- 유효한 기간 데이터


문법

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


속성값

속성값   설명

YYYY-MM-DDThh:mm:ssTZD

또는

PTDHMS

 

명시된 날짜와 시간

 

ex) 20190127T22:30:58Z

- YYYY : 년도 ex) 2019 → 2019년

- MM : 월 ex) 01 → 1월

- DD : 일 ex) 27 → 27일

- T 또는 공백문자 : 날짜와 함께 시간까지 함께 나타낼 경우 날짜와 시간을 구분해 주는 구분자(separator)

- hh : 시 ex) 22 → 오후 10시

- mm : 분 ex) 30 → 30분

- ss : 초 ex) 59 → 59초

- TZD : 표준 시간대 지정자(Time Zone Designator)를 의미하며, Z는 그리니치 표준시를 의미함.

 

ex) PT1D4H19M14S

P(period) : 기간을 의미함.

D(days) : 날짜 ex) 1D → 1일

H(hours) : 시간 ex) 4H → 4시간

M(minutes) : 분 ex) 19M → 19분

S(seconds) : 초 ex) 14S → 14초


예제
<h3>날짜</h3>
<p><time datetime="2019">2019년</time></p>
<p><time datetime="2019-12">2019년 12월</time></p>
<p><time datetime="2019-12-25">2019년 12월 25일</time></p>
<p><time datetime="12-25">크리스마스</time></p>
<p><time datetime="2019-W20">2019년의 20번째 주</time></p>

<h3>날짜와 시간</h3>
<p><time datetime="2019-12-24T23:00">2019년 12월 24일 저녁 11시</time></p>
<p><time datetime="2019-12-24 23:00">2019년 12월 24일 저녁 11시</time></p>
<p><time datetime="2019-12-24T23:59:59">2019년 12월 24일 저녁 11시 59분 59초</time></p>
<p><time datetime="2019-12-24T23:59:59.234">2019년 12월 24일 저녁 11시 59분 59초 234밀리초</time></p>

<h3>기간</h3>
<p><time datetime="P2D">2일의 기간</time></p>
<p><time datetime="PT15H10M">15시간 10분의 기간</time></p>

<h3>시간</h3>
<p><time datetime="09:00">아침 9시</time></p>
<p><time datetime="09:00+09:00">한국 시간(UTC+9)으로 아침 9시</time></p>
<p><time datetime="09:00-05:00">미국 뉴욕 시간(UTC-5)으로 아침 9시</time></p>

코딩연습 ▶


지원하는 브라우저 및 버전

속성명

chrome

edge

ie

firefox

safari

opera

datetime 62.0 지원함 지원하지 않음 22.0 7.0 49.0

연습문제