Vuetify data-picker range custom

#2022.11.28 

css스타일로 대충 range형태로 바꿔보기는 했다. codepen 수정

#2022.11.29

라이브러리 형태의 range와 큰 차이없이 구현해놨다. 안까봐서 내부는 다르겠지만, css좀 활용해서 비슷하게 결과는 나와있다. 그래도 새로 한다거나, 라이브러리 사용에 제한이 있는 상황이 아니라면 라이브러리 쓰는게 편할듯

 

vuetify의 v-data-picker를 활용해서 일반적으로 사용하는 시작달력과 종료달력 형식으로 표현하려고 했으나, 그냥 라이브러리 잘된거 쓰는편이 낫다,
새로 라이브러리 까는게 귀찮으면 대충 사용하는거고

좋은거 : https://www.vuescript.com/calendar-datepicker-functional/

Modern Calendar And Datepicker For Vue - Functional Calendar - Vue Script

 

css로 대충 모양까지는 비슷화게 만들어지는 range picker

 

See the Pen Vuetify data-picker range custom by banisle (@banisle) on CodePen.