<group>
<calendar title="title" v-model="value"></calendar>
</group>
calendar
can be only used in Group
Except title
and value
, other props
are the same as those of inline-calendar
.
API
Variables
Props
name | type | default | description | required version |
value | string | form value, binding by v-model. Empty means single seleciton; [] means multiple selection. When the value is "TODAY", can quick pick current date. placeholder is valid only when the value is empty or []. | -- | |
title | string | text of label | -- | |
placeholder | string | placeholder | -- | |
show-popup-header | boolean | whether show popup header. Show under multiple selection mode; hide under single selection mode. | v2.6.0 | |
popup-header-title | string | popup header title | v2.6.0 | |
display-format | function | format value before displaying in cell | v2.6.4 | |
readonly | string | whether disable selecting | v2.7.2 |
Events
name | params | description | required version |
@on-change | (value) | emits when value changes | -- |
@on-show | -- | emits when popup shows | -- |
@on-hide | -- | emits when popup hides | -- |
Variables
name | default | description | inherited name |
@calendar-arrow-color | #04BE02 | forward and backward arrows color | @theme-color |
@calendar-highlight-color | #E59313 | text color of week highlight | |
@calendar-selected-bg-color | #04BE02 | background color when selected | @theme-color |
@calendar-disabled-font-color | #c0c0c0 | text color when disabled | |
@calendar-today-font-color | #04BE02 | text color of today | @theme-color |
@calendar-date-item-font-size | 16px | font size of cell | |
@calendar-bg-color | #fff | background color | |
@calendar-each-date-item-size | 26px | size of date cell | |
@calendar-each-date-item-line-height | 25px | line height of date cell | |
@calendar-header-day-item-color | #000 | text color of header |
Contributors
Contributors
Total commits quantity: 30,Total contributors quantity: 4
airylandQiongrong JiangLin SenlichunqiangChangelog
Releases
- 2.7.6 [fix] fix no hiding after selecting the same value #2306
- v2.7.2 [feature] add prop:readonly #2178
- v2.7.2 [fix] fix event:on-change fires multiple times
- v2.7.0 [fix] fix top border #2104
- v2.6.4 [feature] support prop:display-format #2023
- v2.6.0 [feature] support prop:show-popup-header
- v2.5.10 [feature] Support prop:placeholder