alighasami/vant
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

docs(Calendar): add vertion tip (#6783)

Browse Source
This commit is contained in:
neverland
2020-07-14 20:39:56 +08:00
committed by GitHub
parent 7a4e47eb09
commit 3a676aa87d
4 changed files with 25 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/calendar/README.md
+9 -9
View File
@@ -2,7 +2,7 @@
### Intro
Calendar component for selecting dates or date ranges
Calendar component for selecting dates or date ranges.
### Install
@@ -17,7 +17,7 @@ Vue.use(Calendar);
### Select Single Date
The `confirm` event will be triggered after the date selection is completed
The `confirm` event will be triggered after the date selection is completed.
```html
<van-cell title="Select Single Date" :value="date" @click="show = true" />
@@ -108,7 +108,7 @@ Set `show-confirm` to `false` to hide the confirm button. In this case, the `con
### Custom Color
Use `color` prop to custom calendar color
Use `color` prop to custom calendar color.
```html
<van-calendar v-model="show" color="#07c160" />
@@ -116,7 +116,7 @@ Use `color` prop to custom calendar color
### Custom Date Range
Use `min-date` and `max-date` to custom date range
Use `min-date` and `max-date` to custom date range.
```html
<van-calendar v-model="show" :min-date="minDate" :max-date="maxDate" />
@@ -136,7 +136,7 @@ export default {
### Custom Confirm Text
Use `confirm-text` and `confirm-disabled-text` to custom confirm text
Use `confirm-text` and `confirm-disabled-text` to custom confirm text.
```html
<van-calendar
@@ -149,7 +149,7 @@ Use `confirm-text` and `confirm-disabled-text` to custom confirm text
### Custom Day Text
Use `formatter` to custom day text
Use `formatter` to custom day text.
```html
<van-calendar v-model="show" type="range" :formatter="formatter" />
@@ -186,7 +186,7 @@ export default {
### Custom Position
Use `position` to custom popup position，can be set to `top`、`left`、`right`
Use `position` to custom popup position，can be set to `top`、`left`、`right`.
```html
<van-calendar v-model="show" :round="false" position="right" />
@@ -194,7 +194,7 @@ Use `position` to custom popup position，can be set to `top`、`left`、`right`
### Max Range
When selecting a date range, you can use the `max-range` prop to specify the maximum number of selectable days
When selecting a date range, you can use the `max-range` prop to specify the maximum number of selectable days.
```html
<van-calendar type="range" :max-range="3" :style="{ height: '500px' }" />
@@ -243,7 +243,7 @@ Set `poppable` to `false`, the calendar will be displayed directly on the page i
| show-confirm | Whether to show confirm button | _boolean_ | `true` |
| confirm-text | Confirm button text | _string_ | `Confirm` |
| confirm-disabled-text | Confirm button text when disabled | _string_ | `Confirm` |
| first-day-of-week | Set the start day of week | _0-6_ | `0` |
| first-day-of-week `v2.9.2` | Set the start day of week | _0-6_ | `0` |
### Poppable Props