Date type

by int32_t

HTML

<label>配送希望日: <input type=date min=1900-01-01 max=9999-12-31></label>

<ul id=console>
</ul>

CSS

label {
    padding: 20px;
}

JavaScript

function log(msg) {
    var li = document.createElement('li');
    li.textContent = msg;
    var console =  document.getElementById('console');
    console.insertBefore(li, console.firstChild);
}

function handleChange() { log('change'); }
function handleInput() { log('input'); }
function handleMouseDown() { log('mousedown'); }
function handleMouseUp() { log('mouseup'); }
function handleClick() { log('click'); }
function handleFocus() { log('focus'); }
function handleBlur() { log('blur'); }

var date1 = document.getElementsByTagName('input')[0];
date1.addEventListener('change', handleChange, false);
date1.addEventListener('input', handleInput, false);
date1.addEventListener('mousedown', handleMouseDown, false);
date1.addEventListener('mouseup', handleMouseUp, false);
date1.addEventListener('click', handleClick, false);
date1.addEventListener('focus', handleFocus, false);
date1.addEventListener('blur', handleBlur, false);