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