Input DatetimeLocal step 속성

정의와 사용법

step 속성을 설정하거나 로컬 날짜 시간 필드의 step 속성 값을 반환합니다.

HTML step 속성은 로컬 날짜 시간 필드에서 초 또는 밀리초의 유효한 숫자 간격을 정의합니다. (날짜, 월, 연, 시간 또는 분에 적용되지 않습니다.).

예를 들어 step="2"라면 유효한 숫자는 0, 2, 4 등입니다.

힌트: step 속성은 일반적으로 maxmin 속성을 함께 사용하여 유효한 값의 범위를 만듭니다.

다른 참조:

HTML 참조 가이드:HTML <input> step 속성

인스턴스

예제 1

로컬 날짜 필드에서 초의 유효한 숫자 간격을 변경하기:

document.getElementById("myLocalDate").step = "10";

직접 테스트해 보세요

예제 2

로컬 날짜 필드에서 밀리초 단위로 유효한 숫자 간격을 변경하기:

document.getElementById("myLocalDate").step = ".020";

직접 테스트해 보세요

예제 3

로컬 날짜 필드에서 초의 유효한 숫자 간격을 가져오기:

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

직접 테스트해 보세요

문법

step 속성 반환:

datetimelocalObject.step

step 속성 설정:

datetimelocalObject.step = number

속성 값

설명
number

로컬 날짜 시간 필드에서 유효한 숫자 간격을 정의합니다.

초에 대해:

최종적으로 "60"에 도달할 수 있는 숫자를 사용합니다. 예를 들어: "1", "2", "10", "30" 등.

밀리초 자리에 대해:

."으로 시작하고 최종적으로 "1000"에 도달할 수 있는 숫자를 사용합니다. 예를 들어: ".010", ".050", ".20" 등.

기술적인 세부 사항

반환 값: 초 또는 밀리초 단위로 표현된 유효한 숫자 간격.

브라우저 지원

테이블의 숫자는 이 속성을 최초로 완전 지원하는 브라우저 버전을 나타냅니다.

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

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