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

HTML DOM 입력 날짜 개체

<시간/>

HTML DOM 입력 날짜 개체는 날짜 유형의 입력 HTML 요소를 나타냅니다.

구문

다음은 구문입니다 -

  • <입력> 생성 날짜 유형
var dateObject = document.createElement(“input”);
dateObject.type = “date”;

속성

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

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

부울 값

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

부울 값 세부정보
탈퇴 날짜 필드가 증가해야 하는 일수를 정의합니다.
스텝업
날짜 필드가 증가해야 하는 일수를 정의합니다.

예시

최대 입력 날짜의 예를 살펴보겠습니다. 속성 -

<!DOCTYPE html>
<html>
<head>
<title>Input Date Max</title>
</head>
<body>
<form>
Date Select: <input type="date" id="date" name="DateSelect" max="2018-12-31">
</form>
<button onclick="getMaxDate()">Change Max Date</button>
<div id="divDisplay"></div>
<script>
   var inputDate = document.getElementById("date");
   var divDisplay = document.getElementById("divDisplay");
   divDisplay.textContent = 'Max of date input: '+inputDate.max;
   function getMaxDate() {
      var oldInputDate = inputDate.max;
      inputDate.max = '2020-12-31';
      divDisplay.textContent = 'Max of date input: '+inputDate.max;
   }
</script>
</body>
</html>

출력

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

'최대 날짜 변경'을 클릭하기 전에 버튼 -

HTML DOM 입력 날짜 개체

'최대 날짜 변경'을 클릭한 후 버튼 -

HTML DOM 입력 날짜 개체