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

Input Date max Property

Input Date Object Reference Input Date Object

Example

Get the maximum date allowed for a date field:

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

The result of x will be:

2000-01-01
Try it Yourself »

Definition and Usage

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

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


Syntax

Return the max property:

inputdateObject.max

Set the max property:

inputdateObject.max=YYYY-MM-DD

Property Values

Value Description
YYYY-MM-DD Specifies the maximum date allowed for the date field.

Explanation of components:
  • YYYY - year (e.g. 2011)
  • MM - month (e.g. 01 for January)
  • DD - day of the month (e.g. 08)
An example: "2014-02-09" means February 9th, 2014 (09/02/2014).

Technical Details

Return Value: A String, representing the maximum date allowed

More Examples

Example

Change the maximum date:

document.getElementById("myDate").max = "2014-01-01";
Try it Yourself »

Related Pages

HTML reference: HTML <input> max attribute


Input Date Object Reference Input Date Object