Article Categories
- All Categories
-
Data Structure
-
Networking
-
RDBMS
-
Operating System
-
Java
-
MS Excel
-
iOS
-
HTML
-
CSS
-
Android
-
Python
-
C Programming
-
C++
-
C#
-
MongoDB
-
MySQL
-
Javascript
-
PHP
Selected Reading
HTML DOM Input Date min Property
The HTML DOM Input Date min property returns/sets min attribute of Input date type.
Syntax
Following is the syntax −
- Returning string value
inputDateObject.min
- Setting min to string value
inputDateObject.min = YYYY-MM-DD
String Values
Here, “YYYY-MM-DD” can be the following −
| stringValue | Details |
|---|---|
| YYYY | It defines year (eg:1998) |
| MM | It defines month (eg: 05 for May) |
| DD | It defines Day (eg: 24) |
Example
Let us see an example of Input Date min property −
<!DOCTYPE html> <html> <head> <title>Input Date Min</title> </head> <body> <form> Date Select: <input type="date" id="date" name="DateSelect" min="2000-01-01"> </form> <button onclick="getMinDate()">Change Min Date</button> <div id="divDisplay"></div> <script> var inputDate = document.getElementById("date"); var divDisplay = document.getElementById("divDisplay"); divDisplay.textContent = 'Min of date input: '+inputDate.min; function getMinDate() { var oldInputDate = inputDate.max; inputDate.min = '1998-07-01'; divDisplay.textContent = 'Min of date input: '+inputDate.min; } </script> </body> </html>
Output
This will produce the following output −
Before clicking ‘Change Min Date’ button −
After clicking ‘Change Min Date’ button −
Updated on: 2019-07-30T22:30:26+05:30
182 Views
Advertisements