HTML DOM Input 날짜와 시간(지역 설정) 객체

Datetime Local 对象

Datetime Local 对象是 HTML5 中的新对象。

Datetime Local 对象表示 HTML <colgroup> 元素。

注释：Internet Explorer 或 Firefox 不支持 <input type="datetime-local"> 元素。

访问 Datetime Local 对象

您可以通过使用 getElementById() 来访问 <datetime-local> 元素：

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

직접 실습해 보세요

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

创建 Datetime Local 对象

您可以通过使用 document.createElement() 方法来创建 <datetime-local> 元素：

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

직접 실습해 보세요

Datetime Local 객체 속성

속성 설명
autocomplete 로컬 시간 필드의 autocomplete 속성 값을 설정하거나 반환합니다.
autofocus 로컬 시간 필드가 페이지 로드 후 자동으로 포커스를 받아야 하는지 설정하거나 반환합니다.
defaultValue 로컬 시간 필드의 기본 값을 설정하거나 반환합니다.
disabled 로컬 시간 필드가 비활성화되어 있는지 설정하거나 반환합니다.
form 로컬 시간 필드를 포함한 폼에 대한 참조를 반환합니다.
list 로컬 시간 필드를 포함한 datalist에 대한 참조를 반환합니다.
max 로컬 시간 필드의 max 속성 값을 설정하거나 반환합니다.
min 로컬 시간 필드의 min 속성 값을 설정하거나 반환합니다.
name 로컬 시간 필드의 name 속성 값을 설정하거나 반환합니다.
readOnly 로컬 시간 필드가 읽기 전용인지 설정하거나 반환합니다.
required 로컬 시간 필드가 폼 제출 전에 필수로 입력되어야 하는지 설정하거나 반환합니다.
step 로컬 시간 필드의 step 속성 값을 설정하거나 반환합니다.
type 로컬 시간 필드의 폼 요소 유형을 반환합니다.
value 로컬 시간 필드의 value 속성 값을 설정하거나 반환합니다.

Input DatetimeLocal 객체 메서드

메서드 설명
stepDown() 지정된 숫자로 datetime 필드의 값을 감소시킵니다.
stepUp() 지정된 숫자로 datetime 필드의 값을 증가시킵니다.

표준 속성과 이벤트

Datetime Local 객체가 지원하는 표준속성와이벤트。

관련 페이지

HTML 교본:HTML 양식

HTML 참조서:HTML <input> 태그

HTML 참조서:HTML <input> type 속성