Calendar
Install

Install

  <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

Props

nametypedefaultdescriptionrequired version
valuestringform 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 [].--
titlestringtext of label--
placeholderstringplaceholder--
show-popup-headerbooleanwhether show popup header. Show under multiple selection mode; hide under single selection mode.v2.6.0
popup-header-titlestringpopup header titlev2.6.0
display-formatfunctionformat value before displaying in cellv2.6.4
readonlystringwhether disable selectingv2.7.2

Events

nameparamsdescriptionrequired version
@on-change(value)emits when value changes--
@on-show--emits when popup shows--
@on-hide--emits when popup hides--
Variables

Variables

namedefaultdescriptioninherited 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 Senlichunqiang

Changelog

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