更新记录
1.0.0(2023-06-02)
下载此版本
1.0.0(2023-05-18)
平台兼容性
uni-app
| Vue2 |
Vue3 |
Chrome |
Safari |
app-vue |
app-nvue |
Android |
iOS |
鸿蒙 |
| √ |
- |
√ |
√ |
√ |
- |
- |
- |
- |
| 微信小程序 |
支付宝小程序 |
抖音小程序 |
百度小程序 |
快手小程序 |
京东小程序 |
鸿蒙元服务 |
QQ小程序 |
飞书小程序 |
快应用-华为 |
快应用-联盟 |
| √ |
- |
- |
- |
- |
- |
- |
- |
- |
- |
- |
其他
Cz-calendar
使用方式
<Cz-calendar
:currentTime="currentTime"
@dayChange="dayChange"
@monthChange="monthChange"
:rangeMode="rangeMode"
:range="range"
@rangeChange="rangeChange"
:canDrag="true"
></Cz-calendar>
组件的属性说明如下:
| 属性 |
类型 |
默认值 |
必填 |
说明 |
| currentTime |
yyyy-MM-dd |
当前时间 |
否 |
当前时间 |
| rangeMode |
String |
false |
否 |
是否开启范围选择模式 |
| range |
Obj |
|
否 |
设置标记范围 |
| canDrag |
Boolean |
true |
否 |
是否可以滚动 |
range参数说明:
| 属性 |
类型 |
必填 |
说明 |
| rangeStart |
yyyy-MM-dd |
是 |
设置标记范围开始 |
| rangeEnd |
yyyy-MM-dd |
是 |
设置标记范围结束 |
事件
| 事件名称 |
回调参数 |
说明 |
| @dayChange |
(data) => void |
改变事件,data为当前确认选中的日期数据 |
| @monthChange |
(data) => void |
改变事件,data为当前确认选中的日期数据 |
| @rangeChange |
(data) => void |
改变事件,data为当前确认选中范围的日期数据 |