[VueJS] Vuetify v-datepicker min, max 속성 활용하기

• Vuetify에서 제공하는 v-datepicker 속성 중 min, max를 사용하면 시작일과 종료일을 선택하는 기능에서 시작일이 종료일보다 높은 날짜가 선택되거나, 종료일이 시작일보다 낮은 날짜가 선택되는 등의 상황을 제한할 수 있다.

• 예제 코드에서는 v-date-picker를 사용하여 시작일과 종료일을 선택하고, min과 max 속성을 이용하여 시작일이 종료일보다 크지 않도록, 종료일이 시작일보다 작지 않도록 제한하였다.

• Vuetify를 사용하여 시작일과 종료일을 선택하는 달력을 만들 수 있으며, 시작일은 종료일보다 높게, 종료일은 시작일보다 낮게 선택할 수 없도록 설정할 수 있다.

• Vuetify의 datepicker는 jQuery 기반 datepicker 라이브러리보다 사용하기 편리하며, 종료일의 선택 범위를 제한하거나 변경하는 것도 가능하다.