min/max attribute with type = date on HTML5
Question
I'm having some problems to set a minimum and a maximum YEAR with HTML5 date input.
Here is my code:
<input required="required" min="1900-01-01" max="2099-09-13" type="date" class="form-control" id="inputDataNascimento">
It doesn't work at all.
Am I doing something wrong? Is this a bug?
Notes: I'm using Google Chrome and Twitter Bootstrap 3.
3 answers
solution1
4 2014-03-06 18:25:05
Some browsers like Safari and Internet Explorer does not support this functionality, this may be your problem. Write validation via Javascript.
The list of browers that support this feature can be seen at:...
http://html5test.com/compare/browser/chrome-33/firefox-27/opera-19/safari-7.0/ie-11.html
solution2
2 2014-03-06 18:39:35
min and max attributes for date input type have very little browser support. You can use jQuery validation as a workaround.
<input id="dateInput" required="required" min="1900-01-01" max="2099-09-13" type="date" class="form-control">
<script>
$("#dateInput").validate();
</script>
solution3
0 2021-01-29 19:57:30
The HTML5 datepicker component now works in most browsers and the minimum and maximum control attributes are fully implemented. The correct format is yyyy-mm-dd , as described in the mozilla documentation .
<input type="date" id="birthday" name="birthday" min="2020-01-20" max="2021-01-28">
A simple example adapted from w3school:
<!DOCTYPE html> <html> <body> <h1>Show a Date Control</h1> <label for="birthday">Birthday:</label> <input type="date" id="birthday" name="birthday" min="2020-01-20" max="2021-01-28"> <p><strong>Note:</strong> type="date" is not supported in Safari or Internet Explorer 11 (or earlier).</p> </body> </html>
As supplementary information, from the HTML5 specification documentation.
In session 4.10.5.1.7 Date state (type=date) , we read:
The min attribute, if specified, must have a value that is a valid date string. The max attribute, if specified, must have a value that is a valid date string.
And in the other session, 4.10.1.8 Date, time, and number formats , we find:
...is intended to be computer-readable and consistent irrespective of the user's locale. Dates, for instance, are always written in the format "YYYY-MM-DD", as in "2003-02-01".
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.