效果图
【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'使用示例
??
{{dayjs(data.date).format("YYYY-MM-DD")}}
事件
| 事件名 | 说明 | 回调参数 |
|---|---|---|
| handleCurrent | 左击日历才会触发 | date:当前日期 |
| handleScopeOf | 右键选择添加日程范围选择才会触发 | 1、startDate：开始时间，endDate：结束时间。2、next 函数 点击结束日期清空界面选择效果 |
| handleCurrentEvent | 右键选择添加日程才会触发 | 1、date。2、next 函数 点击结束日期清空界面选择效果 |
{{dayjs(data.date).format("YYYY-MM-DD")}}
当前时间展示内容
| 参数 | 说明 | 类型 |
|---|---|---|
| index | 当前日期下表索引值 | number |
| data.date | 当前日期 | Date |
