JSFiddle - React, Tailwind, and code Playground

by peterjmag

HTML

<input type="date" value="2012-11-20">
<dl></dl>

CSS

body {
    padding: 10px;
}

dl {
    font-family: monospace;
}

dt {
    font-weight: bold;
}

dd,
input {
    margin-bottom: 1em;
}

JavaScript

var input = document.getElementsByTagName('input')[0];

var tests = [
    'input.value',
    'input.valueAsDate',
    'input.valueAsDate.toDateString()',
    'input.valueAsDate.toLocaleDateString()',
    'input.valueAsDate.toISOString()'
];

for (var i in tests) {
    var dt = $('<dt>').text(tests[i]);
    var dd = $('<dd>').text(eval(tests[i]));
    $('dl').append(dt, dd);
}