如图这样的一个日历,是一个可以在每个日期里面添加的事件的,怎个怎么实现呢,有没有推荐的插件
我的思路,给每个日期格子添加 dblclick
事件,使格子的 contenteditable
变为true,可以直接进行编辑。监听键盘事件,如果按下 enter
键,使格子的 contenteditable
变为false,并先后端发送请求使存储到数据库,如果纯前端可以存储到 localStorage
。
简单的分析实现这个功能主要两部分,以下是简单实现的思路:
1,制作日历并展示
获取当月的天数并获取当月所有已有备忘内容,判断当月1号是星期几,循环输出日历并罗列出备忘内容。切换日期只有重新计算即可。
2,添加删除显示信息
基本的数据操作。
个人使用感觉还可以的,推荐一下
fullcalendar日历控件知识点集合 - yuzhongwusan - 博客园
http://www.cnblogs.com/yuzhongwusan/archive/2013/04/10/3012646.html
5 回答1.4k 阅读
5 回答1.5k 阅读✓ 已解决
2 回答899 阅读✓ 已解决
3 回答751 阅读✓ 已解决
4 回答1.2k 阅读✓ 已解决
2 回答1.5k 阅读✓ 已解决
2 回答1.3k 阅读✓ 已解决
基本都还是通过click事件,弹出form传入参数和后台进行数据交互的。
fullcalendar