练手：一个基于Vue的上下滑动翻月日历组件

v-calendar-slider

介绍

一个基于Vue，上下滑动切换月份日程管理组件

DEMO

安装

npm install --save v-calendar-slider
复制代码

使用

import calendarSlider from 'v-calendar-slider'

Vue.use(calendarSlider)

<calendar-slider :events="events" @monthChanged="monthChangedHandle" @dateClick="dateClickHandle"></calendar-slider>
复制代码

Props

prop	必选	类型	说明
events	false	Array[Object]	事务列表
defaultActiveMonth	false	String	默认月份（YYYY-MM）

prop: events 格式

[
    {
        date: '2018-12-22',
        number: 2
    },
    {
        date: '2018-12-26',
        number: 2
    }
]
复制代码

events

名称	说明	回调参数
dateClick	点击日期触发时间	点击的日期（YYYY-MM-DD）
monthChanged	slider切换后回调	切换后当前月份 （YYYY-MM）

代码地址

GitHub