54 lines
1.9 KiB
HTML
54 lines
1.9 KiB
HTML
<!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>
|