Javascript input type date 날짜 데이터 쉽게 다음날 구해보기.

필요 목적에 따라 input type date 를 쓸때가 있다.

이걸 쓸때 안에 값을 넣어줄때는 꼭 항상 yyyy-MM-dd 형태로 하이픈까지 들어가야하는데 이걸 쉽게 구해보려고 한다.

 

// yyyy-MM-dd 형식의 문자열 날짜 데이터
var dateString = "2022-02-28";

// 문자열 형식의 날짜 데이터를 Date 객체로 변환
var dateObj = new Date(dateString);

// 다음 날짜 구하기
dateObj.setDate(dateObj.getDate() + 1);

// 결과 출력
var nextDateString = dateObj.getFullYear() + "-" + (dateObj.getMonth() + 1) + "-" + dateObj.getDate();
console.log(nextDateString); // "2022-03-01"\


// input date안에 넣기
$('#startDate').val(nextDateString);

이건 아주 정석적이고 고전적인 방법이라 생각한다.

 

추가로 toISOString().slice를 이용하는 방법도 있다.

const date = new Date();
const dateString = date.toISOString().slice(0, 10);
console.log(dateString); // 출력 예시: "2023-02-23"

$('#endDate').val(dateString);

 이렇게 사용하면 쉽게 input type=date 형식안에 값을 넣는것이 가능하다.