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

Input Date min Property

Input Date Object Reference Input Date Object

Example

Get the minimum date allowed for a date field:

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

The result of x will be:

1980-01-01
Try it Yourself »

Definition and Usage

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

The min attribute specifies the minimum value (date) for a date field.

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

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


Browser Support

Property
min Yes 10.0 Yes Yes Yes

Note: The <input type="date"> element does not show any date field/calendar in Firefox.


Syntax

Return the min property:

inputdateObject.min

Set the min property:

inputdateObject.min=YYYY-MM-DD

Property Values

Value Description
YYYY-MM-DD Specifies the minimum 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 minimum date allowed

More Examples

Example

Change the minimum date:

document.getElementById("myDate").min = "1999-01-01";
Try it Yourself »

Related Pages

HTML reference: HTML <input> min attribute


Input Date Object Reference Input Date Object