Latest web development tutorials
 

Input Datetime max Property

< Input Datetime Object

Example

Get the maximum date and time allowed for a datetime field:

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

The result of x will be:

2014-02-06T10:57Z
Try it Yourself »

Definition and Usage

The max property sets or returns the value of the max attribute of a datetime field.

The max attribute specifies the maximum value (date and time) for a datetime field.

Tip: Use the max attribute together with the min attribute to create a range of legal values.

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

Browser Support

Property
max Yes 10.0 Yes Yes Yes

Note: The <input type="datetime"> element does not show any datetime field/calendar in any major browsers, except Safari.

Syntax

Return the max property:

datetimeObject.max

Set the max property:

datetimeObject.max=YYYY-MM-DDThh:mm:ssTZD

Property Values

Value Description
YYYY-MM-DDThh:mm:ssTZD Specifies the maximum date and/or time allowed for the datetime field.

Explanation of components:
  • YYYY - year (e.g. 2011)
  • MM - month (e.g. 01 for January)
  • DD - day of the month (e.g. 08)
  • T - a required separator if time is also specified
  • hh - hour (e.g. 22 for 10.00pm)
  • mm - minutes (e.g. 55)
  • ss - seconds (e.g. 03)
  • TZD - Time Zone Designator (Z denotes Zulu, also known as Greenwich Mean Time)

Technical Details

Return Value: A String, representing the maximum date and time allowed

More Examples

Example

Change the maximum date and time:

document.getElementById("myDatetime").max = "2012-01-01T11:57Z";
Try it Yourself »

Related Pages

HTML reference: HTML <input> max attribute

< Input Datetime Object