Input DatetimeLocal value 속성

정의와 사용법

value 속성 설정 또는 로컬 날짜 시간 필드의 value 속성의 값을 반환합니다.

HTML value 속성이 로컬 날짜 시간 필드에 로컬 날짜와 시간을 정의합니다.

다른 참조:

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

인스턴스

예제 1

날짜 시간 필드에 로컬 날짜와 시간을 설정합니다:

document.getElementById("myLocalDate").value = "2023-02-15T18:15:30.520";

직접 시도해 보세요

예제 2

날짜 시간 필드의 로컬 날짜와 시간을 가져옵니다:

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

직접 시도해 보세요

예제 3

defaultValue와 value 속성 간의 차이를 보여주는 예제:

var x = document.getElementById("myLocalDate");
var defaultVal = x.defaultValue;
var currentVal = x.value;

직접 시도해 보세요

문법

value 속성 반환:

datetimelocalObject.value

value 속성 설정:

datetimelocalObject.value = YYYY-MM-DDThh:mm:ss.ms

속성 값

설명
YYYY-MM-DDThh:mm:ss.ms

날짜와 시간을 정의합니다.

컴포넌트 설명:

  • YYYY - 연도(예: 2023년)
  • MM - 월(예: 02은 2월을 의미)
  • DD - 월의 일(예: 15)
  • T - 시간이 설정되어 있다면 필수 구분자
  • hh - 시간(예: 22은 밤 10시를 의미)
  • mm - 분(예: 55)
  • ss - 초(예: 06)
  • ms - 밀리초(예: 520)

기술 세부 사항

반환 값: 로컬 날짜와 시간 필드의 날짜와 시간을 나타내는 문자열 값.

브라우저 지원

표에서의 숫자는 이 특정 속성을 최초로 완벽하게 지원하는 브라우저 버전을 나타냅니다.

크롬 에지 파이어폭스 사파리 오페라
크롬 에지 파이어폭스 사파리 오페라
지원 10.0 지원 지원 지원

주의:<input type="datetime-local"> 요소는 Firefox에서 어떤 날짜와 시간 필드/달력도 표시하지 않습니다.