miniui展示日历能点击_轻量级办公平台开发实录(8):日程表功能展示

本文介绍了轻量级办公平台开发中的日程表功能,采用fullcalendar作为前端日历组件,支持月、周、日三种视图切换。用户可在日历上创建不同模式的日程,如项目记录、日程安排和工作报告,并通过点击查看详情、编辑或新增。日历还提供关注用户功能和表格视图,支持多条件查询。
摘要由CSDN通过智能技术生成

6e2dc3ed7f6e2690bb3df4b2f9f066f7.png

后面的文章准备接着更新日程表功能的实现,前端日历使用的fullcalendar,效果如下(GIF动态图展示):

7549a29324b776ad897c476c2df83fc6.png
日程管理https://www.zhihu.com/video/1014305227717173248

1、日程表支持 月、周、日三种视图切换,在在日历表上创建新的记录,创建的记录可以选择三种模式:项目记录、日程安排和工作报告,不同模式日历上显示不同颜色背景。

4df439c2eaecd985c5c042cc83412667.gif

2、月视图下点击记录可以查看该条记录详情,并对记录进行编辑,点击空白处可弹出新建窗口,时间会自动填充为当天时间凌晨0点到1点

8c9a31d57176f236f37bb755b70a8602.gif

3、周视图和日视图下也可以点击记录查看详情和修改记录,同时在点击对应时间段空白处,可以弹出新建窗口,时间自动填充为点击位置时间

ae92a20950da1b35ccc61ad1ecc29c3b.gif

4、可添加关注用户,关注用户可以查看该记录

790c5423ec88059b23f441604b93dae0.gif

5、可切换到表格视图,表格视图下支持记录添加、查看和删除,支持多条件组合查询

2c5f612797c67225043007fc8ad49d68.gif
知乎专栏:Django 学习小组
知乎专栏:SandBox
更多实战文档可关注知识星球:https://t.zsxq.com/a6IqBMr(微信中打开链接)
轻量级办公管理系统项目开源地址:RobbieHan/gistandard
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值