Jquery 仿 google 日历活动(图+源码)

如题，用Jquery仿的google calender 部分功能，主要目的还是想提高一下自己对Jquery的熟练程度。现在模仿了月视图和周视图。如图：

周视图：



月视图



下载文件为源文件，希望大家指点。

评论

33 楼 丁利星 2015-06-11  

32 楼 xuxingfan000 2013-07-13  

还在有另外一个BUG就是就是点击到上午0点——0点30分那个阶段，id错误。

31 楼 onlyve91 2011-12-18  

求与后台数据库连接使用的方法呀。。。

30 楼 zehua 2011-12-10  

楼主，运行出了效果，很强大呀。
问个问题，在你的日历上把日历上的数据传到后台应该怎么传呀？
在后台把数据写入前台又应该怎么写？
能不能给个详细的例子，或者贴一段代码上来。

29 楼 BuN_Ny 2011-11-09  

cheney_love 写道

JavaStudyEye 写道

我倒觉得 楼主的这个 插件，和 fullcalendar 比起来有一定的优势，

首先就是 弹出层问题。fullcalendar 内部是 reportEvent方法 绘制格子中内容。

fullcalendar 插件 在王格子里面添加数据时，需要有暂停js代码的div层 类似 prompt函数，阻塞js代码执行，待用户输入数据后，继续执行js。才能得到数据。如果弹出层没有阻塞js代码的执行，那么reportEvent方法就得不到数据，格子中就没有显示了。
而楼主这个，很 easy的解决了这个问题。 感谢先。

我都没想那么远，呵呵。误打误撞吧

28 楼 ol_beta 2011-06-11  

回去研究研究

27 楼 夕雨下 2011-06-11  

找了很久啊， 谢谢lz了

26 楼 check-枫叶 2011-06-11  

25 楼 mib168 2011-06-10  

不错，得研究研究 确实有的项目如要这样的功能

24 楼 cheney_love 2011-06-10  

awaterway 写道

jquery已经有插件了啊,jquery-week-calendar...

嗯，学习学习jquery

23 楼 awaterway 2011-06-10  

jquery已经有插件了啊,jquery-week-calendar...

22 楼 chw8219 2011-06-10  

非常感谢，学习下。

21 楼 cheney_love 2011-06-09  

JavaStudyEye 写道

我倒觉得 楼主的这个 插件，和 fullcalendar 比起来有一定的优势，

首先就是 弹出层问题。fullcalendar 内部是 reportEvent方法 绘制格子中内容。

fullcalendar 插件 在王格子里面添加数据时，需要有暂停js代码的div层 类似 prompt函数，阻塞js代码执行，待用户输入数据后，继续执行js。才能得到数据。如果弹出层没有阻塞js代码的执行，那么reportEvent方法就得不到数据，格子中就没有显示了。
而楼主这个，很 easy的解决了这个问题。 感谢先。

我都没想那么远，呵呵。误打误撞吧

20 楼 JavaStudyEye 2011-06-09  

我倒觉得 楼主的这个 插件，和 fullcalendar 比起来有一定的优势，

首先就是 弹出层问题。fullcalendar 内部是 reportEvent方法 绘制格子中内容。

fullcalendar 插件 在王格子里面添加数据时，需要有暂停js代码的div层 类似 prompt函数，阻塞js代码执行，待用户输入数据后，继续执行js。才能得到数据。如果弹出层没有阻塞js代码的执行，那么reportEvent方法就得不到数据，格子中就没有显示了。
而楼主这个，很 easy的解决了这个问题。 感谢先。

19 楼 JavaStudyEye 2011-06-09  

situ.gao 写道

不知道楼主对月视图下某天的事件过多是怎么处理的，full calendar好像是直接就把格子撑大了

fullcalendar 就是把格子搞大了。

不过如果你要截取fullcalendar存放数据的数组，自己做处理的话，也可以

18 楼 matin0728 2011-06-09  

用 jQuery 做的东西就是丑陋啊〜〜〜

17 楼 JavaStudyEye 2011-06-09  

大神啊。最近一直在做fullcalendar，搞了一个星期了，今天看到了你写的，真是，佩服啊

16 楼 lgstarzkhl 2011-06-09  

确实挺不错的

15 楼 cheney_love 2011-06-09  

Aaronlong31 写道

楼主，有BUG啊，我才刚点了两下。
在周视图中，选中某个时间点，往下拖是正常的，但是再往上拖就不正常了，首先是深蓝色块不会变小，而且还会出现图中的情况。开始时间比结束时间大。

当选中时间点，
如果鼠标在深蓝色块上 往下拖 再往上拖，则不能改变大小；
如果鼠标不在深蓝色块上 往下拖 再往上拖，则会改变大小。
还有，又发现了一个，如图


GOOGLE就不是这样的。

谢谢Aaronlong31的建议，和google 的比起来差距还是非常大的，以后有时间了再完善完善

14 楼 Aaronlong31 2011-06-09  

楼主，有BUG啊，我才刚点了两下。
在周视图中，选中某个时间点，往下拖是正常的，但是再往上拖就不正常了，首先是深蓝色块不会变小，而且还会出现图中的情况。开始时间比结束时间大。

当选中时间点，
如果鼠标在深蓝色块上 往下拖 再往上拖，则不能改变大小；
如果鼠标不在深蓝色块上 往下拖 再往上拖，则会改变大小。
还有，又发现了一个，如图


GOOGLE就不是这样的。