Vue Element UI 之日历组件 vue 您所在的位置:网站首页 vue-hash-calendar Vue Element UI 之日历组件 vue

Vue Element UI 之日历组件 vue

2023-04-14 15:48| 来源: 网络整理| 查看: 265

组件一: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 }

使用

上效果:默认样式 在这里插入图片描述

属性说明

在这里插入图片描述

组件二: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'


【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

      专题文章
        CopyRight 2018-2019 实验室设备网 版权所有