vue3.0|vue3.0 日历插件

效果图 【vue3.0|vue3.0 日历插件】vue3.0|vue3.0 日历插件
文章图片

安装 环境

"vue": "^3.2.6" "vite": "^2.5.4"
介绍
解决思路 利用css 缩放 来处理大屏适配的问题,
项目地址
安装
npm i calendar-vue3

引入
import {calendarVue} from 'calendar-vue3' import 'calendar-vue3/dist/style.css'

使用示例

事件
事件名 说明 回调参数
handleCurrent 左击日历才会触发 date:当前日期
handleScopeOf 右键选择添加日程范围选择才会触发 1、startDate:开始时间,endDate:结束时间。2、next 函数 点击结束日期清空界面选择效果
handleCurrentEvent 右键选择添加日程才会触发 1、date。2、next 函数 点击结束日期清空界面选择效果
插槽 content

当前时间展示内容
参数 说明 类型
index 当前日期下表索引值 number
data.date 当前日期 Date

    推荐阅读