vue오늘

[Vue.js] dayjs 날짜 제약조건 걸기, 날짜 비교

날짜 받아오는 방법 일반 html이랑 같게 input type="date"로 작성하면 된다. 부트스트랩을 사용해서인가 이미 우측과 같은 모양으로 날짜 선택이 가능하였다. 오늘 이전 날짜 제한 input date에 :min으로 동적 속성 부여. :min="minDate" :min 속성 또는 v-bind:min 디렉티브: :min 속성은 Vue.js의 데이터와 연동되어 동적인 값을 가진다. 데이터의 변경에 따라 속성 값이 업데이트되며, 데이터의 변경에 따라 동적으로 속성이 반영된다. computed에 minDate를 정의해준다. 며칠 이후부터 선택 가능한 제약조건 'n' 부분에 원하는 날짜를 입력하여, 위의 포맷에 return 부분을 변경해준다. dayjs().add(n, 'day').format('YYYY..