更新记录

1.0.0（2025-02-10） 下载此版本

无

平台兼容性

React-H5-Calendar组件使用文档

1. 安装组件

yarn add react-h5-comcalendar # 或者 npm install react-h5-comcalendar

2. 引入组件

import Calendar from "react-h5-comcalendar";

3. 引入样式

import 'react-h5-comcalendar/lib/styles.less';

5. 使用组件

<Calendar visible={visible}></Calendar>

6. 配置项

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

7. 插槽

<Calendar visible={visible}
  todayRender={(date) => {}}, // 自定义今天按钮
  cancelRender={() => {}}, // 自定义取消按钮
  prevYearrRender={() => {}}, // 自定义上一年按钮
  prevMonthRender={() => {}}, // 自定义上一月按钮
  nextMonthRender={()=> {}}, // 自定义下一月按钮
  nextYearRender={()=> {}}, // 自定义下一年按钮
  okRender={() => {}}, // 自定义确定按钮
  itemRender={() => {}}, // 自定义日期按钮
>
</Calendar>