docs(Calendar): add max-range demo
This commit is contained in:
@@ -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 数据结构
|
||||
|
||||
|
||||
Reference in New Issue
Block a user