DCloud插件市场:zsy-calendar - DCloud 插件市场
仿钉钉日历组件 支持月与周两种模式的左右滑动切换 支持在APP、小程序、H5运行
<template>
<view class="calendar_container">
<zsyCalendar
:sundayIndex="6"
@change="change"
/>
</view>
</template>
<script>
import zsyCalendar from '@/components/zsy-calendar/zsy-calendar'
export default {
name: 'Calendar',
components: {
zsyCalendar
},
methods: {
// 日历选中日期改变事件回调
change(e) {
console.log(e)
}
}
}
</script>
<style>
.calendar_container {
min-height: calc(100vh - var(--window-top));
background-color: #f5f5f5;
padding: 30rpx;
box-sizing: border-box;
}
</style>
插件原始效果展示:
根据实际开发需求进行二次开发: