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'