更新记录

1.0.5（2023-05-20） 下载此版本

.

1.0.4（2023-04-06） 下载此版本

1.0.4更新了图标

1.0.1（2023-04-05） 下载此版本

[1.0.1]

平台兼容性

uni-app

其他

代码块

直接引入就可以使用，代码如下：

<template>
    <view class="content">
        <zeng-calen  :actDay="actDay" :chooseDay="chooseDay" @onDayClick='onDayClick'></zeng-calen>
    </view>
</template>

<script>
    export default {
        data() {
            return {
                actDay: [], //用户选择的日期
                chooseDay: ["2023-04-13", "2023-04-15", "2023-04-16", "2023-04-05"], //已被投标的数据
            }
        },
        onLoad() {

        },
        methods: {
            // 展开日历
            onDayClick(data) {
                let choose = data.date //用户点中的数据
                if (this.actDay.includes(choose)) { //如果用户点击的日期已经存在
                    // 移除元素下标
                    const index = this.actDay.indexOf(choose);
                    //删除用户点击的日期
                    this.actDay.splice(index, 1)
                } else if (this.chooseDay.includes(choose)) { //判断是否已经被投标
                    uni.showToast({
                        title: "这个日期已经被投标了",
                        icon: "none"
                    })
                } else {
                    //添加用户点击的日期
                    this.actDay.push(choose)
                }
            },
        }
    }
</script>

<style>

</style>

Calendar Props：

Calendar Events：