1.0.8 • Published 4 years ago
vue-calendar-l v1.0.8
vue-calendar-l
vue日历组件 https://blog.csdn.net/qq_38188485/article/details/104134834
方法 select （选择日期） monthChanged （滑动移动月份）
传入参数：
| 参数 | type | example | describe |
|---|---|---|---|
| options | Object | {} | 日历颜色 |
| value | Array | “2019-02-01” | 默认选择日期 |
| begin | Array | “2019-02-01” | 开始选择日期 |
| end | Array | “2019-02-01” | 结束选择日期 |
| disabled | Array | “2019-02-01” | 屏蔽的日期 |
| zero | Boolean | true | 是否小于10补零 |
| weeks | Array | "日", "一", "二", "三", "四", "五", "六" | 自定义星期名称 |
| months | Array | "一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月" | 自定义月份名称 |
| events | Array | “2019-02-01-满” | 自定义事件 （-最后是想要显示的字符 默认圆点） |
| options参数 | example | describe |
|---|---|---|
| header_bg_color | "#ffffff" | 头部颜色 |
| header_font_color | "#ffa300" | 头部字体颜色 |
| week_font_color | "#333333" | 星期字体颜色 |
| selected_bg_color | "#f49f19" | 选择的背景颜色 |
| today_bg_color | "#f9d08f" | 今天背景颜色 |
| event_dot_color | "#083ce4" | 时间下面点的颜色 |
npm包 npm install vue-calendar-l
在需要用到的页面中（注意 一个页面目前只能引入一次）
import Calendar from "vue-calendar-l";
components: { Calendar }
例子：
效果：
