Input Date readOnly Property

Set a date field to read-only:

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

Description

The readOnly property sets or returns whether a date 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.

Property
readOnly	Yes	12.0	Yes	Yes	Yes

Note: <input type="date"> does not show as a proper date field in IE11, and earlier.

Return the readOnly property:

inputdateObject.readOnly

Set the readOnly property:

inputdateObject.readOnly = true|false

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

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

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

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