日历计划工程

需要增加一个工程,每日记录。现在用文章记录,感觉太长了就不方便,主要实现两个功能,每天有个白板一样的页面,记录内容。还有个展示全部Todo记录的列表。

。。。。。。发现谷歌日历其实已经满足使用了。可能用插件或者爬虫来处理数据 统计这部分。哎。。谷歌日历真香。。

日历填充。

首先是日历,类似,仿照google Calendar。

开发动机

-和谷歌日历的区别在于,定制化拖动模块,减少手工创建的繁琐。

-数据统计分析,比如说,每周,时间分布是怎么样的。

-就比如说,我可能计划了一周要干嘛。但是实际木有这么搞,或者突然心情大变,去做别的了。那么这个时间段估计就要修改。

-完成一个全栈项目,实现一套比较有意思的日历。

技术支撑

拖拽

https://interactjs.io/ 这个特别适合完成需求。

Vue.Draggable 拖拽,或者自己写原生拖拽。 https://juejin.im/post/5a169d08518825592c07c666

https://javascript.info/mouse-drag-and-drop

https://www.html5rocks.com/en/tutorials/dnd/basics/


时间,做了moment按需加载。

https://github.com/iamkun/dayjs 时间设置

-需要,设置好一些计划块,拖过去,存储。

前置条件,完成全栈开发教程,KOA或者egg.js后端,搞个数据库。

完成功能,首先我设定一些工作任务,然后大概给个时间,比如2小时,

需求细节

日期有,周,月两种模式。

周模式,左侧选择选定日期,右侧拖拽生成任务块,保存确认任务。属性,标题,Date,日月年,时分。分钟15分为一刻度。。说明,一句话。

生成后,点击显示浮窗,可以删除和编辑。

如果重叠,如此展示。基本上不会重叠,不考虑。如果时间重叠开始时间早的在底层,后续条目左侧缩短,悬浮其上。

跨天

 

月份展示,从周日算起,到周六。包含本月所有天数。

 

发表评论

邮箱地址不会被公开。