| <!DOCTYPE html> |
| <html> |
| <head> |
| <script src="../../../resources/js-test-pre.js"></script> |
| </head> |
| <body> |
| <p id="description"></p> |
| <div id="console"></div> |
| <script> |
| description('Tests for .valueAsDate with <input type=date>.'); |
| |
| var input = document.createElement('input'); |
| input.type = 'date'; |
| |
| function valueAsDateFor(stringValue) { |
| input.value = stringValue; |
| return input.valueAsDate; |
| } |
| |
| function setValueAsDateAndGetValue(year, month, day) { |
| var date = new Date(); |
| date.setTime(Date.UTC(year, month, day)); |
| if (year < 100) |
| date.setUTCFullYear(year); |
| input.valueAsDate = date; |
| return input.value; |
| } |
| |
| shouldBe('valueAsDateFor("")', 'null'); |
| shouldBe('valueAsDateFor("1969-12-31").getTime()', 'Date.UTC(1969, 11, 31)'); |
| shouldBe('valueAsDateFor("1970-01-01").getTime()', 'Date.UTC(1970, 0, 1)'); |
| shouldBe('valueAsDateFor("2009-12-22").getTime()', 'Date.UTC(2009, 11, 22)'); |
| |
| shouldBe('setValueAsDateAndGetValue(1969, 11, 1)', '"1969-12-01"'); |
| shouldBe('setValueAsDateAndGetValue(1970, 0, 1)', '"1970-01-01"'); |
| shouldBe('setValueAsDateAndGetValue(2009, 11, 31)', '"2009-12-31"'); |
| shouldBe('setValueAsDateAndGetValue(10000, 0, 1)', '"10000-01-01"'); |
| |
| shouldBe('setValueAsDateAndGetValue(-1, 0, 1)', '""'); |
| shouldBe('setValueAsDateAndGetValue(0, 11, 31)', '""'); |
| shouldBe('setValueAsDateAndGetValue(1, 0, 1)', '"0001-01-01"'); |
| shouldBe('setValueAsDateAndGetValue(1582, 9, 15)', '"1582-10-15"'); |
| shouldBe('setValueAsDateAndGetValue(1582, 9, 31)', '"1582-10-31"'); |
| shouldBe('setValueAsDateAndGetValue(275760, 8, 13)', '"275760-09-13"'); |
| shouldBe('setValueAsDateAndGetValue(275760, 8, 14)', '""'); // Date of JavaScript can't represent this. |
| |
| debug('Invalid objects:'); |
| shouldBe('input.value = "2010-01-01"; input.valueAsDate = document; input.value', '""'); |
| shouldBe('input.value = "2010-01-01"; input.valueAsDate = null; input.value', '""'); |
| </script> |
| <script src="../../../resources/js-test-post.js"></script> |
| </body> |
| </html> |
