docs(Calendar): add max-range demo

This commit is contained in:
陈嘉涵
2020-01-15 18:56:31 +08:00
parent ff09011e0e
commit 038b622e9d
3 changed files with 45 additions and 5 deletions
+14 -2
View File
@@ -184,6 +184,18 @@ export default {
/>
```
### 日期区间最大范围
选择日期区间时,可以通过`max-range`属性来指定最多可选天数,选择的范围超过最多可选天数时,会弹出相应的提示文案
```html
<van-calendar
type="range"
:max-range="3"
:style="{ height: '500px' }"
/>
```
### 平铺展示
将`poppable`设置为`false`,日历会直接展示在页面内,而不是以弹层的形式出现
@@ -221,8 +233,8 @@ export default {
| safe-area-inset-bottom | 是否开启底部安全区适配,[详细说明](#/zh-CN/quickstart#di-bu-an-quan-qu-gua-pei) | *boolean* | `true` |
| confirm-text | 确认按钮的文字 | *string* | `确定` |
| confirm-disabled-text | 确认按钮处于禁用状态时的文字 | *string* | `确定` |
| max-range | 日期区间最大范围天数 | *number* | `null` |
| range-prompt | 选择超过区间最大范围天数时错误提示 | *string* | `选择天数不能超过 xx 天` |
| max-range`2.4.3` | 日期区间最多可选天数,默认无限制 | *number* | - |
| range-prompt`2.4.3` | 选择超过区间范围时的提示文案 | *string* | `选择天数不能超过 xx 天` |
### Day 数据结构