Skip to content
On this page

Calendar 日历

基础用法

使用v-model双向绑定数据,firstDay 表示以星期几为开头,onChange返回当前变化的日历数据。

插槽自定义日历数据

具名插槽为date-cell,可以获取每个日期的数据


Calendar API

属性

属性名说明类型可选值默认值
v-model选中项绑定值Date---当前 Date
firstDay以星期几开头,0~6 分别表示星期日、一、二、三、四、五、六number0,1,2,3,4,5,60
options配置项(详细请看 options 属性)object--------------------

options 属性

属性名说明类型可选值默认值
width日历的宽度string---100%
height日历的高度string---100%

具名插槽

名称说明类型默认
date-celltype 表示该日期的所属月份,可选值有 prev-monthcurrent-monthnext-monthisSelected 标明该日期是否被选中;day 是格式化的日期,格式为 yyyy-MM-dddate 是单元格的日期Object当前 Date

Events

方法名说明参数
onChangetype表示动作类型,selectDate选中日期,pre-monthnext-month分别为上个月和上个月;date为变化后返回的日期Object