Skip to content
Related Articles

Related Articles

Improve Article

HTML | DOM Input DatetimeLocal disabled Property

  • Difficulty Level : Basic
  • Last Updated : 17 Jun, 2021

The Input datetimeLocal disabled property in HTML DOM is used for 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 single property value true|false. It is used to specify whether a local datetime field should be disabled or not.
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 use Input DatetimeLocal disabled property to disable input datetime. 
 

html




<!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 
 

Supported Browsers: The browsers supported by Input DatetimeLocal disabled property are listed below: 
 

  • Apple Safari
  • Internet Explorer
  • Firefox
  • Google Chrome
  • Opera

 

Attention reader! Don’t stop learning now. Get hold of all the important Comcompetitivepetitve Programming concepts with the Web Design for Beginners | HTML  course.




My Personal Notes arrow_drop_up
Recommended Articles
Page :