implement "Date type inputs", "Month type inputs"

This commit is contained in:
tigercosmos 2017-11-25 22:57:50 +08:00
parent eed3adc957
commit 927fd1d044
10 changed files with 182 additions and 317 deletions

View file

@ -13,6 +13,9 @@
<body>
<h1>Inputs Month</h1>
<div style="display: none">
<input id="valid_value_1" type="month" value="20133-12" />
<input id="valid_value_2" type="month" value="2013-12" />
<input id="valid_value_3" type="month" value="0003-01" />
<input id="valid" type="month" value="2011-11" min="2011-01" max="2011-12" />
<input id="invalid_value" type="month" value="invalid-month" min="2011-01" max="2011-12"/>
<input id="value_can_be_empty_string" type="month" value="2013-06" />
@ -21,11 +24,27 @@
<input id="step_attribute_is_invalid_value" type="month" value="2013-06" step="invalid_step_value" />
<input id="invalid_month_too_high" type="month" value="2013-13" />
<input id="invalid_month_too_low" type="month" value="2013-00" />
<input id="invalid_year_all_zero" type="month" value="0000-10" />
<input id="invalid_month_with_one_number" type="month" value="2013-1" />
<input id="invalid_month_non_numerical" type="month" value="2013-abc" />
<input id="invalid_date_additional_tuples" type="month" value="2013-11-1-1" />
</div>
<div id="log"></div>
<script>
test(function() {
assert_equals(document.getElementById("valid_value_1").value, "20133-12")
}, "year can be more than four digits");
test(function() {
assert_equals(document.getElementById("valid_value_2").value, "2013-12")
}, "valid value test");
test(function() {
assert_equals(document.getElementById("valid_value_3").value, "0003-01")
}, "year can contain prefixes of zero, as long as there are at least four digits");
test(function() {
assert_equals(document.getElementById("valid").type, "month")
}, "month type support on input element");
@ -60,6 +79,22 @@
test(function() {
assert_equals(document.getElementById("invalid_month_too_low").value, "");
}, "Month should be > 0: If the value of the element is not a valid month string, then set it to the empty string instead.>");
test(function() {
assert_equals(document.getElementById("invalid_year_all_zero").value, "");
}, "Year should be > 0: If the value of the element is not a valid year string, then set it to the empty string instead.>");
test(function() {
assert_equals(document.getElementById("invalid_month_with_one_number").value, "");
}, "Month should be two digits: If the value of the element is not a valid month string, then set it to the empty string instead.>");
test(function() {
assert_equals(document.getElementById("invalid_month_non_numerical").value, "");
}, "Month should be two digits not characters: If the value of the element is not a valid month string, then set it to the empty string instead.>");
test(function() {
assert_equals(document.getElementById("invalid_date_additional_tuples").value, "");
}, "Value should be two parts: If the value of the element is not a valid month string, then set it to the empty string instead.>");
</script>
</body>
</html>