tiny-vue/examples/sites/demos/mobile-first/app/calendar-view/calendar-day-mark.vue

32 lines
475 B
Vue

<template>
<tiny-calendar-view
:events="eventslist"
:year="2023"
:month="5"
mode="timeline"
:show-mark="showMark"
mark-color="red"
>
</tiny-calendar-view>
</template>
<script>
import { CalendarView } from '@opentiny/vue'
export default {
components: {
TinyCalendarView: CalendarView
},
data() {
return {
eventslist: []
}
},
methods: {
showMark(date) {
return date.split('-')[2] < 10
}
}
}
</script>