datetime-local.html (3066B)
1 <!DOCTYPE html> 2 <meta charset=utf-8> 3 <title>Form input type=datetime-local</title> 4 <link rel="author" title="Denis Ah-Kang" href="mailto:denis@w3.org"> 5 <link rel=help href="https://html.spec.whatwg.org/multipage/multipage/common-microsyntaxes.html#local-dates-and-times"> 6 <link rel=help href="https://html.spec.whatwg.org/multipage/multipage/states-of-the-type-attribute.html#local-date-and-time-state-(type=datetime-local)"> 7 <script src="/resources/testharness.js"></script> 8 <script src="/resources/testharnessreport.js"></script> 9 <div id="log"></div> 10 <script> 11 var datetimeLocal = [ 12 {value: "", expected: "", testname: "empty value"}, 13 {value: "2014-01-01T11:11:11.111", expected: "2014-01-01T11:11:11.111", testname: "datetime-local input value set to 2014-01-01T11:11:11.111 without min/max"}, 14 {value: "2014-01-01 11:11:11.111", expected: "2014-01-01T11:11:11.111", testname: "datetime-local input value set to 2014-01-01 11:11:11.111 without min/max"}, 15 {value: "2014-01-01 11:11", expected: "2014-01-01T11:11", testname: "datetime-local input value set to 2014-01-01 11:11 without min/max"}, 16 {value: "2014-01-01 00:00:00.000", expected: "2014-01-01T00:00", testname: "datetime-local input value set to 2014-01-01 00:00:00.000 without min/max"}, 17 {value: "2014-01-0 11:11", expected: "", testname: "datetime-local input value set to 2014-01-0 11:11 without min/max"}, 18 {value: "2014-01-01 11:1", expected: "", testname: "datetime-local input value set to 2014-01-01 11:1 without min/max"}, 19 {value: "2014-01-01 11:1d1", expected: "", testname: "invalid datetime-local input value 1"}, 20 {value: "2014-01-01H11:11", expected: "", testname: "invalid datetime-local input value 2"}, 21 {value: "2014-01-01 11:11:", expected: "", testname: "invalid datetime-local input value 3"}, 22 {value: "2014-01-01 11-11", expected: "", testname: "invalid datetime-local input value 4"}, 23 {value: "2014-01-01 11:11:123", expected: "", testname: "invalid datetime-local input value 5"}, 24 {value: "2014-01-01 11:11:12.1234", expected: "", testname: "invalid datetime-local input value 6"}, 25 {value: "2014-01-01 11:12", attributes: { min: "2014-01-01 11:11" }, expected: "2014-01-01T11:12", testname: "Value >= min attribute"}, 26 {value: "2014-01-01 11:10", attributes: { min: "2014-01-01 11:11" }, expected: "2014-01-01T11:10", testname: "Value < min attribute"}, 27 {value: "2014-01-01 11:10", attributes: { max: "2014-01-01 11:11" }, expected: "2014-01-01T11:10", testname: "Value <= max attribute"}, 28 {value: "2014-01-01 11:12", attributes: { max: "2014-01-01 11:11" }, expected: "2014-01-01T11:12", testname: "Value > max attribute"} 29 ]; 30 for (var i = 0; i < datetimeLocal.length; i++) { 31 var w = datetimeLocal[i]; 32 test(function() { 33 var input = document.createElement("input"); 34 input.type = "datetime-local"; 35 input.value = w.value; 36 for(var attr in w.attributes) { 37 input[attr] = w.attributes[attr]; 38 } 39 assert_equals(input.value, w.expected); 40 }, w.testname); 41 } 42 </script>