更新记录
1.0.0(2023-06-02)
下载此版本
1.0.0(2023-05-18)
平台兼容性
App |
快应用 |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
HBuilderX 3.5.0 app-vue |
× |
√ |
× |
× |
× |
× |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
× |
× |
× |
× |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
√ |
√ |
√ |
√ |
√ |
× |
× |
× |
× |
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为当前确认选中范围的日期数据 |