FREE Web Template Download
HTML CSS JAVASCRIPT SQL PHP BOOTSTRAP JQUERY ANGULARJS TUTORIALS REFERENCES EXAMPLES Blog
 

Input DatetimeLocal max Property

Input DatetimeLocal Object Reference Input DatetimeLocal Object

Example

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

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

The result of x will be:

2014-11-16T21:25:33
Try it Yourself »

Definition and Usage

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

The max attribute specifies the maximum value (date and time) for a local 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-local"> element does not show any datetime field/calendar in Firefox.


Syntax

Return the max property:

datetimelocalObject.max

Set the max property:

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

Property Values

Value Description
YYYY-MM-DDThh:mm:ss.ms Specifies the maximum date and time allowed for the local 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)
  • ms - milliseconds (e.g. 510)

Technical Details

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

More Examples

Example

Change the maximum date and time:

document.getElementById("myLocalDate").max = "2012-01-01T22:22:55";
Try it Yourself »

Related Pages

HTML reference: HTML <input> max attribute


Input DatetimeLocal Object Reference Input DatetimeLocal Object