Vue3를 기준으로 만들어졌습니다. (Vue3 Doc 바로가기 >)Swiper Vue.js Components를 활용한 스와이프 기능을 추가했습니다. (swiper 바로가기 >)
✔ 시작 날짜를 기준으로 오름차순 정렬합니다.
✔ 일주일 단위(일-토)로 나누어 타임라인을 생성합니다.
✔ 첫 날, 전 주, 오늘, 다음 주, 마지막 주 총 다섯 가지의 스와이프 이동이 가능합니다.
...
<script>
...
setup() {
const state = reactive({
events: [{title: '이벤트 1', startDate: '2023-02-13', endDate: '2023-03-01'},
... ]
...
</script>
...script > setup > state > reactive > events
startDate와 endDate에
yyyy-MM-dd형식의 날짜를 넣어주세요.
