您的位置:首页 > Web前端 > JavaScript

(转) JS日历控件集合----附效果图、源代码

2009-05-25 19:03 405 查看
在进行开发的过程中,经常需要输入时间,特别是在进行查询、统计的时候,时间限定更为重要。
尽管ASP.NET也集成了日历控件,但是其集成的代码量很大,你可以做一个测试,当你在页面使用一个日历控件时,在发布之后查看该页面的源代码,你会惊奇发现,日历控件的代码量很庞大,这就大大增加的带宽的开销,每当一个客户端请求这个页面,服务器都要将如此庞大的代码进行发送,使得服务器负担加重。而且,ASP.NET集成的日历控件用起来不是很方便,其效果并非我们所想要。所以,大部分人还是选择了JS日历控件,也有很多人从事这方面的研究。在这里将我收藏的几种JS日历控件推荐给大家,附有JS源代码,希望给你带来一丝帮助。

  如果觉得有用,就顶一下哦。呵呵

<1>清新版 源代码 ,效果图:



<2>海洋版 源代码,效果图:



<3>专业版 源代码,效果图





<4>简洁版 源代码,效果图:

无按钮:



有按钮:



<5>含蓄版 源代码,效果图:





<6>古典版 源代码,效果图:



整个实例:以上源代码是单个的JS源代码,如果还是不知道怎么用,我将这六个版本做成了一个小的Web,下载之后直接运行就能看到效果,大家可以参考下。

源代码下载

另外还有一个国外设计的,相当漂亮。压缩包



成长,我们一起见证!

喜欢梅花雨的日历控件,利用周末时间整合了该控件。主要功能如下:

1.将该控件整合为.NET版本,做成服务器控件;
2.可以设计时显示输入文本框,并可以设置控件属性;
3.支持中/英文两种语言,可以设计时指定语言,也可以动态用代码切换语言;
4.支持是否显示时间,可以利用控件来输入/选择带时间的日期;
5.所有脚本动态生成,减少不必要的脚本生成;
6.在VS2005下调试通过,不需要对页面做任何处理就可以使用;
7.不需要到web.config中改默认语言为GB,默认的utf-8就可以了;

目前遗留的比较大的问题,暂时不支持Firefox。我对Firefox不熟悉,只用IE测试OK,希望有熟悉Firefox的朋友可以指点或者帮忙改进。

声明:
1.时间和精力有限,本人不对本控件做任何技术支持。
2.本控件不收取任何费用,大家可以自由使用,可以用在商业系统中,但不可以拿去卖控件赚钱;
3.提供完整的源代码给大家学习参考。
4.对本控件有任何改进建议的,可以跟贴提出,我有闲暇的时候可以改进。

期望:
大家在工作中改进升级这个控件以后,能反馈回来,和博客园所有的朋友一起分享。

完整代码:/Files/PiedPiper/WebCalendar.rar

演示截图:英文状态下带时间时的外观



一个JavaScript WEB日历控件,支持IE6,FireFox,可支持不同语言版本,目前支持中文简繁,英,日语

http://blog.csdn.net/kimsoft/archive/2006/05/24/753225.aspx
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: