v-date-picker 에서 기간 받아오기

시작하는 날짜 끝나는 날짜 따로 받아왔는데

끝나는 날짜가 시작하는 날짜보다 빨라도 입력이 가능해서

그걸 막으려고 찾아보다가 생각해보니까 기간을 보이게 하면 좋을거같아서

https://vcalendar.io/

Introduction | V-Calendar

vue calendar를 마스터 하신 분의 git을  clone해서 코드분석을 했다.

너무 길고 다 못 볼거같아서 pass하고

 

vuetify에서 찾아보다가 

원래 처음 시작은 min 이었는데.. 시작날짜 받아온 걸 string으로 변환해서 min에 넣어주면 끝이라고 생각했는데 6시간동안 돌고돌아왔다...

range라는게 있어서 적용해봤다.

v-model에 [시작날짜,종료날짜]이렇게 저장된다

밑에 is-dark 이거는 calendar 마스터 님 코드에만 적용되는 것 같다. 프론트 하게 된다면 calendar  마스터해서 적용해봐야지