Input DatetimeLocal step 속성
정의와 사용법
step
속성을 설정하거나 로컬 날짜 시간 필드의 step 속성 값을 반환합니다.
HTML step 속성은 로컬 날짜 시간 필드에서 초 또는 밀리초의 유효한 숫자 간격을 정의합니다. (날짜, 월, 연, 시간 또는 분에 적용되지 않습니다.).
예를 들어 step="2"라면 유효한 숫자는 0, 2, 4 등입니다.
힌트: step 속성은 일반적으로 max 와 min 속성을 함께 사용하여 유효한 값의 범위를 만듭니다.
다른 참조:
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에서 어떤 날짜와 시간 필드/캘린더도 표시하지 않습니다.