更新记录

1.0.7（2025-06-03） 下载此版本

1. 修复 dv-clander 组件 fileds 为 date 时，picker选择日期后，指示器异常的问题。
2. 修复 dv-clander 组件 fileds 为 date 时，组件初始化时，dot 不显示的问题。

1.0.6（2025-06-03） 下载此版本

1. 当 dv-clander 组件 fileds 为 date 时，添加向左滑动回调事件 @left-slide。
2. 当 dv-clander 组件 fileds 为 date 时，添加向右滑动回调事件 @right-slide。

1.0.5（2025-06-03） 下载此版本

1.修复 dv-clander 组件 date-change 回调函数返回日期格式补零异常的问题

平台兼容性

uni-app

uni-app x

其他

dv-clande

dv-clander Props

dv-clander Event

基本使用

• 通过 fields 参数指定日期的粒度。
• 通过 list 参数在指定的日期上打上数据点。
• 通过 @date-change 事件接收日期的回调。

<template>
    <dv-clander :list="dateList" isDot @date-change="dateChange"></dv-clander>
</template>

<script setup>
    import { ref } from 'vue';

    const dateChange = (e) => {
        console.log(e);
    }

    // 模拟从后端接收到的数据
    const dateList = ref({
        '2025-05-17': 1,
        '2025-05-19': 2,
        '2025-05-21': 3,
        '2025-05-22': 4,
        '2025-05-26': 5,
        '2025-05-27': 6,
        '2025-05-28': 7,
        '2025-05-29': 8,
        '2025-05-30': 9
    })
</script>