Vue Element UI 之日历组件 vue-calendar-component 和 vue-fullcalendar

组件一：vue-calendar

参考：https://blog.csdn.net/weixin_43023873/article/details/91850497?depth_1-utm_source=distribute.pc_relevant.none-task&utm_source=distribute.pc_relevant.none-task
和
https://blog.csdn.net/weixin_33939380/article/details/91368347?depth_1-utm_source=distribute.pc_relevant.none-task&utm_source=distribute.pc_relevant.none-task

安装

npm 安装

npm i vue-calendar-component --save
cnpm i vue-calendar-component --save  //国内镜像

或者，可视化窗口安装

引入

导入

import Calendar from "vue-calendar-component"

注册

components: {
    Calendar
}

使用

<Calendar></Calendar>

上效果：默认样式

属性说明

组件二：vue-fullcalendar（未完待续）

参考：https://blog.csdn.net/wxx199101046/article/details/51862365?depth_1-utm_source=distribute.pc_relevant.none-task&utm_source=distribute.pc_relevant.none-task

目前只支持月视图，该组件是 .vue 文件的形式。所以，大家在使用的时候 是需要node的咯~~~

安装

npm install vue-fullcalendar

使用

导入

import fullcalendar from 'vue-fullcalendar'