Input DatetimeLocal max attribute

HTML DOM Input DatetimeLocal Object

Definition and usage

max Attribute sets or returns the value of the max attribute of the local date-time field.

The HTML max attribute specifies the maximum value (date and time) for the local date-time field.

Tip:Use the max attribute and min attribute to create a valid value range.

Tip:To set or return the value of the min attribute, use min attribute.

See also:

HTML reference manual:HTML <input> max Attribute

Instance

Example 1

Get the furthest date and time allowed for the local date-time field:

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

Try it yourself

Example 2

Change the furthest date and time:

document.getElementById("myLocalDate").max = "2023-12-31T23:59:59";

Try it yourself

Syntax

Return max attribute:

datetimelocalObject.max

Set max attribute:

datetimelocalObject.max = YYYY-MM-DDThh:mm:ss.ms

Attribute value

Value Description
YYYY-MM-DDThh:mm:ss.ms

Specify the furthest date and time allowed for the local date-time field.

Component description:

  • YYYY - Year (e.g., 2023)
  • MM - Month (e.g., 02 indicates February)
  • DD - Day of the month (e.g., 15)
  • T - If a time is specified, then it is required as a separator
  • hh - Hours (e.g., 22 indicates 10 PM)
  • mm - Minutes (e.g., 55)
  • ss - Seconds (e.g., 06)
  • ms - Milliseconds (e.g., 520)

Technical details

Return value: A string value representing the latest date and time allowed.

Browser Support

The numbers in the table indicate the first browser version that fully supports this attribute.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support 10.0 Support Support Support

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

HTML DOM Input DatetimeLocal Object