HTML DOM의 Input Datetime disabled 속성은 날짜/시간(datetime) 입력 필드가 현재 활성화되어 있는지, 아니면 비활성화되어 있는지를 확인하거나 설정할 때 사용하는 속성입니다.
문법(Syntax)
기본적인 사용 문법은 다음과 같습니다.
1. 불리언 값 반환하기 (true / false)
inputDatetimeObject.disabled
2. disabled 속성에 불리언 값 설정하기
inputDatetimeObject.disabled = booleanValue
불리언 값(Boolean Values)
booleanValue 자리에는 아래 두 가지 값 중 하나를 지정할 수 있습니다.
| booleanValue | 설명 |
|---|---|
| true | 해당 날짜/시간 입력 필드가 비활성화(disabled) 상태임을 의미합니다. |
| false | 해당 날짜/시간 입력 필드가 비활성화되지 않고 활성화 상태임을 의미하며, 이것이 기본값(default)입니다. |
예제(Example)
아래는 Input Datetime disabled 속성의 실제 동작을 보여주는 예제 코드입니다.
<!DOCTYPE html>
<html>
<head>
<title>Input Datetime Disabled</title>
</head>
<body>
<form>
Date & Time: <input type="datetime" id="datetimeSelect" value="1998-04-09T12:48IST" disabled>
</form>
<button onclick="enableDatetimeInput()">Enable Datetime Input</button>
<div id="divDisplay"></div>
<script>
var divDisplay = document.getElementById("divDisplay");
var inputDatetime = document.getElementById("datetimeSelect");
divDisplay.textContent = 'Datetime Input disabled: '+inputDatetime.disabled;
function enableDatetimeInput() {
inputDatetime.disabled = false;
divDisplay.textContent = 'Datetime Input disabled: '+inputDatetime.disabled;
}
</script>
</body>
</html>
실행 결과(Output)
위 코드를 실행하면 다음과 같은 결과를 확인할 수 있습니다.
'Enable Datetime Input'(날짜/시간 입력 활성화) 버튼을 클릭하기 전 — 입력 필드는 비활성화 상태이며, 화면에는 Datetime Input disabled: true가 표시됩니다.
버튼을 클릭한 후 — disabled 속성이 false로 변경되어 입력 필드가 활성화되며, 화면에는 Datetime Input disabled: false가 표시됩니다.
