The Input datetimeLocal disabled property in HTML DOM is used to set or return the local DateTime field which is disabled, or not. If an element is disabled then it becomes unusable and un-clickable. Such elements are generally rendered in gray by browsers. The HTML disable attribute is reflected by the DatetimeLocal disabled property.
Syntax:
- It returns the disabled property.
inputdatetimelocalObject.disabled
- It is used to set disabled property.
inputdatetimelocalObject.disabled = true|false
Property Value: This property contains a single property value true|false. It is used to specify whether a local DateTime field should be disabled or not. It is false by default.
Return Value: It returns a Boolean value that represents the DateTimeLocal field would be disabled or not.
Below program illustrates the DatetimeLocal disabled property in HTML DOM:
Example: This example uses Input DatetimeLocal disabled property to disable input datetime.
<!DOCTYPE html> <html>
<head>
<title>
Input DatetimeLocal disabled Property
</title>
</head>
<body style="text-align:center;">
<h1 style="color:green;">
GeeksforGeeks
</h1>
<h2 style="font-family: Impact;">
Input DateLocal disabled Property
</h2><br>
<input type="datetime-local" id="test_DatetimeLocal">
<p>
To disable the datetimeLocal field,
double click the "Disable" button.
</p>
<button ondblclick="My_DatetimeLocal()">
Disable
</button>
<!-- Script to disable input local datetime -->
<script>
function My_DatetimeLocal() {
document.getElementById("test_DatetimeLocal").disabled
= true;
}
</script>
</body>
</html>
|
Output:
Before clicking the disable button:
After clicking the disable button
Note: The <input type=”datetime-local”> element does not show any datetime field/calendar in Firefox.
Supported Browsers: The browsers supported by Input DatetimeLocal disabled property are listed below:
- Apple Safari
- Internet Explorer
- Firefox
- Google Chrome
- Opera