본문 바로가기
Language/JavaScript

[JS] input type=date 일 때 오늘 이후로만 날짜 선택되게 하기

by 그랴 2022. 12. 8.
// 다른 날짜 선택 시, 내일부터 선택가능하게 하기
  let today = new Date();
  let tomorrow = new Date(today.setDate(today.getDate() + 1));
  let year = tomorrow.getFullYear();
  let month = tomorrow.getMonth() + 1;
  let day = tomorrow.getDate();
  if (month < 10) {
    month = "0" + month;
  }
  if (day < 10) {
    day = "0" + day;
  }
  let availableDay = `${year}-${month}-${day}`;



<input type="date" min={availableDay} />

 

 

 

참고 문서

https://developer.mozilla.org/ko/docs/Web/HTML/Element/Input/date

 

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

date 유형의 <input> 요소는 유효성 검증을 포함하는 텍스트 상자 또는 특별한 날짜 선택 인터페이스를 사용해 날짜를 입력할 수 있는 입력 칸을 생성합니다.

developer.mozilla.org