[HTML] 날짜, 시간 입력 항목 기본값으로 세팅하기

이번에는 이 <input> 태그의 기본값을 지정하는 방법을 알아보도록 하겠습니다.

날짜, 시간 입력 항목 기본값 세팅하기

지난번에는 HTML의 <input> 태그를 이용하여

날짜, 시간, 년도 등 시간 관련 정보를 입력 받는 방법을 알아보았습니다.

[IT/HTML] - [HTML] 날짜, 시간, 년도 입력받기

See the Pen 20181201 by anna (@hianna) on CodePen.

기본값을 지정하기 위해서는 위와 같이 value 속성을 사용해야 합니다.

그리고, 각 type별로 value 속성에 들어가야 하는 값의 형식이 정해져 있기 때문에, 이 형식을 지켜서 값을 입력해 주어야 합니다.

input type별 value 값 입력 형식은 다음과 같습니다.

• month : 'yyyy-MM'

• date : 'yyyy-MM-dd'

• time : 'hh:mm' (시간은 항상 24시간 기준으로 입력합니다.)

• datetime-local : 'yyyy-MM-ddThh:mm'

날짜, 시간 관련 입력 항목의 기본값을 세팅하는 방법을 알아보았습니다.

다음번에는 이 항목들에 현재 날짜, 시간 등을 기본값으로 설정하는 방법을 알아보도록 하겠습니다.