Latest web development tutorials
 

Input Date max Property

< 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