From 201ca4f20ce2dd1b2e4c5ec0a7f09f377e923195 Mon Sep 17 00:00:00 2001 From: zhengyiming <540361168@qq.com> Date: 星期五, 15 八月 2025 16:32:28 +0800 Subject: [PATCH] Merge branch 'master' of http://120.26.58.240:8888/r/flexJobMiniApp --- packages/components/src/Calendar/Calendar.vue | 14 +++++++++++++- 1 files changed, 13 insertions(+), 1 deletions(-) diff --git a/packages/components/src/Calendar/Calendar.vue b/packages/components/src/Calendar/Calendar.vue index c973d70..acb8468 100644 --- a/packages/components/src/Calendar/Calendar.vue +++ b/packages/components/src/Calendar/Calendar.vue @@ -1,7 +1,12 @@ <template> <div class="bole-calendar-wrapper"> <div :class="['bole-calendar-inner', { isCollapse }]"> - <nut-calendar-card v-model="model" class="bole-calendar"></nut-calendar-card> + <nut-calendar-card + v-model="model" + class="bole-calendar" + ref="calendar" + @change="handleChange" + ></nut-calendar-card> </div> <div :class="['bole-calendar-arrow', { active: !isCollapse }]" @click="toggle"> <DownArrow :size="12" :class="['bole-calendar-arrow-icon']" /> @@ -12,6 +17,7 @@ <script setup lang="ts"> import { DownArrow } from '@nutui/icons-vue-taro'; import { useToggle } from 'senin-mini/hooks'; +import { ref, watch } from 'vue'; defineOptions({ name: 'Calendar', @@ -23,6 +29,12 @@ const model = defineModel<Date | Date[]>(); const { isCollapse, toggle } = useToggle(true); + +const calendar = ref(); +function handleChange(value) { + console.log('value: ', value); + console.log('calendar: ', calendar.value); +} </script> <style lang="scss"> -- Gitblit v1.9.1