簡介:
- 局部組件需要引入
效果:

文件位置:
```
@/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 | 微信 | 百度 | 支付寶 | 字節跳動 |
| --- | --- | --- | --- | --- | --- |--- |--- |
| √ | √ | 待測試 | 待測試 | 待測試 | 待測試 |待測試 |
組件負責人:佘威