Open In App

HTML DOM Input DatetimeLocal disabled Property

Improve
Improve
Like Article
Like
Save
Share
Report

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 


Last Updated : 20 Jan, 2022
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads