Latest web development tutorials
 

Input DatetimeLocal readOnly Property

< Input DatetimeLocal Object

Example

Set a local datetime field to read-only:

document.getElementById("myLocalDate").readOnly = true;

The result will be:

Try it Yourself »

Definition and Usage

The readOnly property sets or returns whether a local datetime field should be read-only, or not.

A read-only field cannot be modified. However, a user can tab to it, highlight it, and copy the text from it.

This property reflects the HTML readonly attribute.

Tip: To prevent the user from interacting with the field, use the disabled property instead.


Browser Support

Property
readOnly Yes 10.0 Yes Yes Yes

Note: The <input type="datetime-local"> element does not show any datetime field/calendar in Firefox.


Syntax

Return the readOnly property:

datetimelocalObject.readOnly

Set the readOnly property:

datetimelocalObject.readOnly=true|false

Property Values

Value Description
true|false Specifies whether a local datetime field should be read-only, or not
  • true - The local datetime field is read-only
  • false - Default. The local datetime field is not read-only

Technical Details

Return Value: A Boolean, returns true if the local datetime field is read-only, otherwise it returns false

More Examples

Example

Find out if a local datetime field is read-only or not:

var x = document.getElementById("myLocalDate").readOnly;

The result of x will be:

true
Try it Yourself »

Related Pages

HTML reference: HTML <input> readonly attribute


< Input DatetimeLocal Object