HTMLInputElement, 날짜 다루기

HTML

<input type="date" placeholder="날짜" value="2016-08-15" id="someDate">

JavaScript

// JavaScript에서 날짜 객체를 획득한다.
var someDate = document.getElementById("someDate");

// TypeScript에서 날짜 객체를 획득한다.
let someDate = <HTMLInputElement>document.getElementById("someDate");

// DOM에서 날짜는 HTMLInputElement 객체이다.
someDate instanceof HTMLInputElement; //true;
someDate instanceof HTMLElement; //true;

// 날짜 값을 획득한다.
someDate.value; // "2016-08-15"

// 날짜 값을 새로 설정한다.
someDate.value = "2016-01-01";
someDate.value = new Date("2016-01-01").toISOString().substr(0, 10); // "2016-01-01"

// JavaScript에서 이벤트 리스너를 작성한다.
function someDateOnChangeEventListener(event) {
    console.log(event.type);
}

// TypeScript에서 이벤트 리스너를 작성한다.
function someDateOnChangeEventListener(event: Event) {
    console.log(event.type);
}

// 이벤트 리스너를 추가한다.
someDate.addEventListener("change", someDateOnChangeListener);