HTML DOM Input datetime 객체

Datetime 객체

Datetime 객체는 HTML5에서 새로운 객체입니다。

Datetime 객체는 HTML <input type="datetime"> 요소를 나타냅니다。

주석：Internet Explorer、Firefox 또는 Chrome는 <input type="datetime"> 요소를 지원하지 않으며, Safari는 일부 지원합니다. Opera 12 및 이전 버전에서 완전 지원됩니다。

访问 Datetime 对象

您可以通过使用 getElementById() 来访问 <input type="myDatetime"> 元素：

var x = document.getElementById("myDatetime");

직접 시도해 보세요

提示：您也可以通过遍历表单的 elements 集合来访问 Datetime 对象。

创建 Datetime 对象

您可以通过使用 document.createElement() 方法来创建 <input type="datetime"> 元素：

var x = document.createElement("INPUT");
x.setAttribute("type", "datetime");

직접 시도해 보세요

Datetime 객체 속성

속성 설명
autocomplete datetime 필드의 autocomplete 속성 값을 설정하거나 반환합니다.
autofocus 페이지가 로드된 후 datetime 필드가 자동으로 포커스를 받도록 설정하거나 반환합니다.
defaultValue datetime 필드의 기본 값을 설정하거나 반환합니다.
disabled datetime 필드가 비활성화되었는지 설정하거나 반환합니다.
form datetime 필드를 포함한 표单에 대한 참조를 반환합니다.
list datetime 필드를 포함한 datalist에 대한 참조를 반환합니다.
max datetime 필드의 max 속성 값을 설정하거나 반환합니다.
min datetime 필드의 min 속성 값을 설정하거나 반환합니다.
name datetime 필드의 name 속성 값을 설정하거나 반환합니다.
readOnly datetime 필드가 읽기 전용인지 설정하거나 반환합니다.
required 데이터를 제출하기 전에 datetime 필드를 채우는 것이 필수인지 설정하거나 반환합니다.
step datetime 필드의 step 속성 값을 설정하거나 반환합니다.
type datetime 필드의 표单 요소 유형을 반환합니다.
value datetime 필드의 value 속성 값을 설정하거나 반환합니다.

Input Datetime 객체 메서드

메서드 설명
select() 날짜와 시간 텍스트 필드의 내용을 선택합니다.
stepDown() 지정된 숫자로 datetime 필드의 값을 감소시킵니다.
stepUp() 지정된 숫자로 datetime 필드의 값을 증가시킵니다.

표준 속성과 이벤트

Datetime 객체가 표준을 지원합니다속성과이벤트。

관련 페이지

HTML 교본:HTML 양식

HTML 참조 매뉴얼:HTML <input> 태그

HTML 참조 매뉴얼:HTML <input> type 속성