Input Datetime disabled attribute

Definition and usage

disabled Set or return whether the date-time field should be disabled.

Disabled elements are not available and cannot be clicked. By default, disabled elements are usually displayed in gray in the browser.

This property reflects the HTML disabled attribute.

See also:

HTML Reference Manual:HTML <input> disabled egenskap

Example

Example 1

Disable the date-time field:

document.getElementById("myDatetime").disabled = true;

Try it yourself

Example 2

Check if the date-time field is disabled:

var x = document.getElementById("myDatetime").disabled;

Try it yourself

Example 3

Disable and enable the date-time field:

function disableBtn() {
    document.getElementById("myDatetime").disabled = true;
}
function undisableBtn() {
    document.getElementById("myDatetime").disabled = false;
}

Try it yourself

Syntax

Return the disabled attribute:

datetimeObject.disabled

Set the disabled attribute:

datetimeObject.disabled = true|false

Attribute value

Value Description
true|false

Specify whether the date-time field should be disabled.

  • true - The date-time field is disabled
  • false - Default. The date-time field is not disabled

Technical details

Return value: Boolean value, returns if the date-time field is disabled true, annars returneras false.

Webbläsarstöd

Numreringen i tabellen anger den första webbläsarversionen som helt stöder denna egenskap.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Stödjer 10.0 Stödjer Stödjer Stödjer

Observera:Elementet <input type="datetime"> visar inga datum- eller tidsfält/kalender i alla huvudsakliga webbläsare utom Safari.