tiny-vue/examples/sites/demos/pc/app/calendar/custom-calendar-toolbar-com...

19 lines
482 B
Vue

<template>
<tiny-calendar>
<template #tool="{ slotScope }">
<tiny-button @click="toToday(slotScope)">今天</tiny-button>
</template>
</tiny-calendar>
</template>
<script setup>
import { Calendar as TinyCalendar, Button as TinyButton } from '@opentiny/vue'
function toToday(scope) {
let year = new Date().getFullYear()
let month = new Date().getMonth()
let day = new Date().getDate()
scope.selectedDate = new Date(year, month, day).valueOf()
}
</script>