更新记录

1.0.0（2025-01-26）

1.0.0

平台兼容性

VUE-H5-Calendar组件使用文档

1. 安装组件

yarn add vue-h5-calendar # 或者 npm install vue-h5-calendar

2. 引入组件

import Calendar from "vue-h5-calendar";

3. 引入样式

import 'vue-h5-calendar/dist/styles.scss';

4. 注册组件

Vue.use( Calendar);

5. 使用组件

<Calendar :visible.sync="true"></Calendar>

6. 配置项

swiperContainer高度 = calendar_day高度+20px * 6 calendar_day高度 = 60px

7. 插槽

<ComCalendar :visible.sync="visible">
  // 自定义日期
  <template v-slot:itemRender="{ date }">
    {{ date.date }}
  </template>
  // 自定义上一年、上一月、下一月、下一年、取消、今天、确定
  <template v-slot:prevYear>
  </template>
  <template v-slot:prevMonth>
  </template>
  <template v-slot:nextMonth>
  </template>
  <template v-slot:nextYear>
  </template>
  <template v-slot:cancel>
  </template>
  <template v-slot:toDay>
  </template>
  <template v-slot:ok>
  </template>
</ComCalendar>