티스토리 뷰

SW 개발/JavaScript

HTMLInputElement, 날짜 다루기

지단로보트 2016. 8. 19. 02:56

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);
댓글
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
«   2024/03   »
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31
글 보관함