目前已经实现,可以自定义修改考勤信息,
实现原理, 一句话概括,把年和月传进mpvue-calendar组件中,再延时去值,拿到值之后就可以做其他的操作了 ^ + ^
基础的安装(一步带过,这是文档传送门)
- npm i mpvue-calendar -S
- 页面再引入就可以
- 使用
import Calendar from ‘mpvue-calendar’ 引入组件
import ‘mpvue-calendar/src/style.css’ 引入样式文件(mpvue 小程序端)
components中注册组件Calendar
template中使用组件<Calendar />
在浏览器端使用要引入下面browser-style.css替换上面的style.css
import ‘mpvue-calendar/src/browser-style.css’ 引入样式文件(浏览器端)
组件的效果图(好多功能不咋会用到,有的功能又没有扩展)

自己捣鼓之后的效果图


本文介绍了如何使用mpvue-calendar组件创建一个可自定义出勤信息的日历。通过基础安装、组件分析及关键点实现,展示了在无用户信息和有用户信息时如何处理出勤状态,并通过js交互实现日历的点击事件和出勤状态切换。
最低0.47元/天 解锁文章
2257

被折叠的 条评论
为什么被折叠?



