자바스크립트에서 날짜를 YYYY-MM-DD 포맷으로 출력

date 컨트롤에 날짜를 넣으려고 찾아보다 'toISOString()'을 발견하여 사용했습니다.

그런데 어느날 날짜가 안 맞아서 보니 이게 UTC 시간을 반환하고 있었습니다.

날짜를 적절한 포맷으로 출력해주는 내장 함수가 있을거라 생각하고 찾아봤는데 안보이네요.

 

저와 같은 상황을 겪는 분들이 있을 것 같아 올려둡니다.

 

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/date

<input type="date"> - HTML: HyperText Markup Language | MDN

 

html

<input type="date" id="date_target" required pattern="\d{4}-\d{2}-\d{2}">

 

javascript

let now = new Date();
let string_date =
    now.getFullYear().toString().padStart(4, '0') + '-' +
    (now.getMonth() + 1).toString().padStart(2, '0') + '-' +
    now.getDate().toString().padStart(2, '0');

document.getElementById('date_target').value = string_date;