简介:
- 局部组件需要引入
效果:
![](https://img.kancloud.cn/f1/05/f10525306dbf96da0d00d4739b0185f0_389x236.png)
文件位置:
```
@/components/qr-ui/qr-date
```
案例:
```
<!-- 在对应页面使用 -->
<qr-date @confirm="dateConfirm" :date="date" :name="name">
</qr-date>
data () {
return {
date:'2020-05-26',
name:'活动日期',
}
},
methods: {
cancel(e){
console.log('触发关闭')
},
dateConfirm(e){
console.log('当前选择的日期是')
}
}
```
参数:
| 参数 | 作用 | 类型 | 默认 | 是否必传 | 属性 |
| --- | --- | --- | --- | --- | --- |
| date | 默认日期格式为"YYYY-MM-DD" | String | '' | false | -|
| isRequired | 是否必填,显示红色*号 | Boolean | true | false | - |
| start| 开始日期格式为"YYYY-MM-DD" | String | 2012-12-12 | false | -|
| end| 结始日期格式为"YYYY-MM-DD" | String | 2088-08-08 | false | -|
事件:
| 事件名 | 作用 | 参数 |
| --- | --- |--- |
| @cancel | 点击取消按钮时触发的事件 | - |
| @confirm | 点击确定按钮时触发的事件 | - |
平台兼容性:
| android | H5 | IOS | 微信 | 百度 | 支付宝 | 字节跳动 |
| --- | --- | --- | --- | --- | --- |--- |--- |
| √ | √ | 待测试 | 待测试 | 待测试 | 待测试 |待测试 |
组件负责人:佘威