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