组件一: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(未完待续)
目前只支持月视图,该组件是 .vue 文件的形式。所以,大家在使用的时候 是需要node的咯~~~
安装
npm install vue-fullcalendar
使用
导入
import fullcalendar from 'vue-fullcalendar'