论坛首页 Web前端技术论坛

开源:基于JQuery做了个google like的日程视图xgCalendar

浏览 49512 次
精华帖 (0) :: 良好帖 (18) :: 新手帖 (0) :: 隐藏帖 (4)
作者 正文
   发表时间:2009-11-13   最后修改:2009-11-24

TM截图未命名

基于jQuery 的日历控件,操作方式和样式参考Google Calendar

Demo中的服务器端采用MS ASP.NET MVC V1,事实上可替换成其他任何一种服务器端技术(包括PHP,ASP,JSP)

本来想直接叫Calendar,可是Google Code中的项目名称必须唯一,所以,就加个前缀吧,X=xuanye G=Google Calendar Like

功能列表

1:支持三种视图类型 (日,月,周)

 

周视图

image

日视图:

image

月视图

image

2:支持定义一周的开始日期

3: 支持无刷新获取数据和更新数据

4:支持滑动选择时间段新增日程(包括单日和跨日)

image

添加单日的日程

image

添加多日的日程

5:支持快速删除

6:支持拖动改变日程开始和结束时间

tuodong

7:支持拖动改变单日日程大小来日程的结束时间 (Resize)

image

8:支持权限控制(可设置整个视图只读,或者单个日程只读) demo中未演示

9: 支持日程多个主题

10:良好的性能表现

11:支持多个主流浏览器IE6+,FireFox3.5+,Opera 10+,Chrome 3+

Demo:http://xuanye.cloudapp.net/

代码托管在google code

代码地址:http://code.google.com/p/xgcalendar/ (包括JS的代码和Demo的代码)

 

文档还没开始写,大家可以先看看demo。



 

   发表时间:2009-11-14  
楼走太牛叉了,不知可否共享一下资源,我的邮箱是 fedcuit@gmail.com
0 请登录后投票
   发表时间:2009-11-14  
zelsa 写道
http://arshaw.com/fullcalendar/

看看这个项目吧, 很容易扩展的.

还不错,但是没我做的好。。。哈哈
0 请登录后投票
   发表时间:2009-11-15  
看到你在cnblogs发的文章了。不过拖拽更新日程时间试了没成功。
建议你看下这个,相当强大,我觉得是目前互联网上开源的能找到最接近google日历的,你的也做的不错,不过有些细节还不够好。呵呵

http://dhtmlx.com/docs/products/dhtmlxScheduler/livedemo.shtml
下载
http://dhtmlx.com/docs/products/dhtmlxScheduler/download/dhtmlxScheduler.zip
0 请登录后投票
   发表时间:2009-11-15  
jejwe 写道
看到你在cnblogs发的文章了。不过拖拽更新日程时间试了没成功。
建议你看下这个,相当强大,我觉得是目前互联网上开源的能找到最接近google日历的,你的也做的不错,不过有些细节还不够好。呵呵

http://dhtmlx.com/docs/products/dhtmlxScheduler/livedemo.shtml
下载
http://dhtmlx.com/docs/products/dhtmlxScheduler/download/dhtmlxScheduler.zip


谢谢,dhtmlxScheduler我看过,确实是同类产品的佼佼者之一,但不是最好的,也许,我想是dhtmlx最好的一个产品了,同时又很多非常不错的功能,如按鼠标滑过的区域计算新增日程的时间,我始终认为Google日历是最酷的,可惜它不是开源的,同时当我真正去研究谷歌日历的时候,才发现它的很多细节都非常值得令人学习,首先是如日周视图,当天日程时间冲突时日程的显示位置和大小都充满了美学(黄金分割),其实在月视图时当某天的日程过多显示的【另外n个】避免视图撑大,还有就是拖拽月视图时,背景底色显示该日程将会占据的位置都是非常能够人性化的功能,但是它的功能远不止这些。


我的Demo拖拽应该是可以的吧?你用的什么浏览器啊?Ie 6,7,8 ,FireFox 3.5, Opera10,chrome我都试过的啊
0 请登录后投票
   发表时间:2009-11-15  
我也认为google日历是最好最酷的一个,所以我说dhtmlxScheduler是我目前见过开源的最接近GOOGLE日历的,其它的功能和细节做的都一般。GOOGLE日历各个细节确实做的相当好

我也在几个浏览器上试了,真的不能拖。
0 请登录后投票
   发表时间:2009-11-15  
jejwe 写道
我也认为google日历是最好最酷的一个,所以我说dhtmlxScheduler是我目前见过开源的最接近GOOGLE日历的,其它的功能和细节做的都一般。GOOGLE日历各个细节确实做的相当好

我也在几个浏览器上试了,真的不能拖。

那就妖怪了。。我这里又是好的。。
CTRL+F5 试试
0 请登录后投票
   发表时间:2009-11-15  
请问楼主做这个用了多久了啊?我也在开发一个类似的,不过进度已经落后了好多

看你的风格有点跟ext的很像啊?国内的有个代理国外的在线办公产品:http://office.baihui.com/biz/index.do,我也体验过google那个,感觉你这个要完善的地方还很多啊。。不过楼主做的比我强啊,我那个已经……(刚入门,功夫浅哪)

我是在chrome下看的,感觉鼠标操作起来还很生硬,很多地方从设计上将还不很舒服。。

不过楼主还是很厉害啊,希望能交流一下啊
0 请登录后投票
   发表时间:2009-11-16  
jejwe 写道
看到你在cnblogs发的文章了。不过拖拽更新日程时间试了没成功。
建议你看下这个,相当强大,我觉得是目前互联网上开源的能找到最接近google日历的,你的也做的不错,不过有些细节还不够好。呵呵

http://dhtmlx.com/docs/products/dhtmlxScheduler/livedemo.shtml
下载
http://dhtmlx.com/docs/products/dhtmlxScheduler/download/dhtmlxScheduler.zip

这个够牛X的了
0 请登录后投票
   发表时间:2009-11-16  
Teok 写道
请问楼主做这个用了多久了啊?我也在开发一个类似的,不过进度已经落后了好多

看你的风格有点跟ext的很像啊?国内的有个代理国外的在线办公产品:http://office.baihui.com/biz/index.do,我也体验过google那个,感觉你这个要完善的地方还很多啊。。不过楼主做的比我强啊,我那个已经……(刚入门,功夫浅哪)

我是在chrome下看的,感觉鼠标操作起来还很生硬,很多地方从设计上将还不很舒服。。

不过楼主还是很厉害啊,希望能交流一下啊


从研究Google Calendar开始,编码-》重构大概陆陆续续两个月时间,
非常感谢你的留言,我再加强一下测试,看看。

交流可以给我留言 或者消息  ,或者EMAIL:xuanye.wan[at]gmail.com
0 请登录后投票
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics