Skip to content
Related Articles

Related Articles

HTML DOM Input DatetimeLocal disabled Property

View Discussion
Improve Article
Save Article
  • Difficulty Level : Basic
  • Last Updated : 20 Jan, 2022
View Discussion
Improve Article
Save Article

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. 

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 
 

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 

My Personal Notes arrow_drop_up
Recommended Articles
Page :

Start Your Coding Journey Now!