更新记录

1.0.4（2025-04-03） 下载此版本

解决H5页面点击事件

1.0.3（2025-04-03） 下载此版本

去除scroll-view

1.0.2（2025-04-03） 下载此版本

去除uni依赖

平台兼容性

ssbi-calendar

调用说明

<SsbiCalendarVue
    :validTime="validTime"
    :intervalMinutes="10"
    @lastWeek="getLastWeek"
    @nextWeek="getNextWeek"
    @selectEvent="getSelectEvent"
></SsbiCalendarVue>

<script setup lang="ts">
    import {ref} from 'vue'

    // 日历有效时间段
    let validTime = ref([
        {
            startDate: '2025-04-02 11:00',
            endDate: '2025-04-02 12:00'
        }
    ])

    // 左滑日历后获取当前星期一的日期，并传入当前周的有效时间段
    const getLastWeek = (val) => {
        console.log('here is last week', val)
        validTime.value = [
            {
                startDate: '2025-03-24 11:00',
                endDate: '2025-03-24 12:00'
            },
        ]
    }

    // 右滑日历后获取当前星期一的日期，并传入当前周的有效时间段
    const getNextWeek = (val) => {
        console.log('here is next week', val)
        validTime.value = [
            {
                startDate: '2025-04-08 11:00',
                endDate: '2025-04-10 12:00'
            },
        ]
    }

    // 获取可用时间范围内的点击事件
    const getSelectEvent = (val) => {
        console.log('getSelectEvent', val)
    }
</script>