Computer >> 컴퓨터 >  >> 프로그램 작성 >> HTML

HTML DOM 입력 날짜/시간 개체

<시간/>

HTML DOM 입력 날짜/시간 개체는 날짜/시간 유형의 입력 HTML 요소를 나타냅니다. 또한 사파리를 제외한 주요 브라우저는 날짜/시간 유형을 텍스트로만 사용합니다.

구문

다음은 구문입니다 -

만들기 날짜/시간 유형

var datetimeObject = document.createElement(“input”);
datetimeObject.type = “datetime”;

속성

여기, "datetimeObject" 다음과 같은 속성을 가질 수 있습니다 -

속성 설명
자동완성 날짜/시간 필드의 자동 완성 속성 값을 정의합니다.
자동 초점 날짜/시간 필드가 초기 페이지 로드에 초점을 맞춰야 하는지 정의합니다.
기본값 날짜/시간 필드의 기본값을 설정/반환합니다.
비활성화됨 날짜/시간 필드의 비활성화/활성화 여부를 정의합니다.
양식 날짜/시간 필드의 최대 속성 값을 반환/설정합니다.
날짜/시간 필드의 min 속성 값을 반환/설정합니다.
이름 날짜/시간 필드의 이름 속성 값을 정의합니다.
읽기 전용 날짜/시간 필드가 읽기 전용인지 여부를 정의합니다.
필수 양식을 제출하기 위해 날짜/시간 필드가 필수 입력인지 정의합니다.
단계 날짜/시간 필드의 단계 속성 값을 정의합니다.
유형 날짜/시간 필드의 형식 요소의 유형을 반환합니다.
날짜/시간 필드의 값 속성 값을 정의합니다.

부울 값

그리고 다음과 같은 방법도 있습니다 -

부울 값 세부정보
탈퇴 날짜/시간 필드가 감소해야 하는 숫자를 정의합니다.
스텝업 날짜/시간 필드가 증가해야 하는 숫자를 정의합니다.

예시

Input Datetime min의 예를 살펴보겠습니다. 속성 -

<!DOCTYPE html>
<html>
<head>
<title>Input Datetime Min</title>
</head>
<body>
<form>
Date & Time: <input type="datetime" id="dateTime" name="DateSelect" value="2009-6-24T20:49Z" min="2008-12-31T23:59:59Z">
</form>
<button onclick="minDateDecrease()">Decrease min age bar</button>
<div id="divDisplay"></div>
<script>
   var inputDatetime = document.getElementById("dateTime");
   var divDisplay = document.getElementById("divDisplay");
   divDisplay.textContent = 'Minimum Age Bar: '+inputDatetime.min;
   function minDateDecrease() {
      inputDatetime.min = '2010-12-31T23:59:59Z';
      divDisplay.textContent = 'Minimum Age Bar: '+inputDatetime.min;
   }
</script>
</body>
</html>

출력

이것은 다음과 같은 출력을 생성합니다 -

'최소 연령 표시줄 줄이기'를 클릭하기 전에 버튼 -

HTML DOM 입력 날짜/시간 개체

'최소 연령 표시줄 줄이기'를 클릭한 후 버튼 -

HTML DOM 입력 날짜/시간 개체