在进行开发的过程中,经常需要输入时间,特别是在进行查询、统计的时候,时间限定更为重要。
尽管ASP.NET也集成了日历控件,但是其集成的代码量很大,你可以做一个测试,当你在页面使用一个日历控件时,在发布之后查看该页面的源代码,你会惊奇发现,日历控件的代码量很庞大,这就大大增加的带宽的开销,每当一个客户端请求这个页面,服务器都要将如此庞大的代码进行发送,使得服务器负担加重。而且,ASP.NET集成的日历控件用起来不是很方便,其效果并非我们所想要。所以,大部分人还是选择了JS日历控件,也有很多人从事这方面的研究。在这里将我收藏的几种JS日历控件推荐给大家,附有JS源代码,希望给你带来一丝帮助。
如果觉得有用,就顶一下哦。呵呵
<1>清新版 源代码 ,效果图:
<2>海洋版 源代码,效果图:
<3>专业版 源代码,效果图
<4>简洁版 源代码,效果图:
无按钮:
有按钮:
<5>含蓄版 源代码,效果图:
<6>古典版 源代码,效果图:
--------------------------------------------------------------------------------
整个实例:以上源代码是单个的JS源代码,如果还是不知道怎么用,我将这六个版本做成了一个小的Web,下载之后直接运行就能看到效果,大家可以参考下。
源代码下载
另外还有一个国外设计的,相当漂亮。压缩包
原文件地址:http://www.cnblogs.com/yank/archive/2008/08/14/1267746.html
分享到:
相关推荐
好用的js日历控件 多种样式 不懂得可以看示例 附源码
包含阴历的JS日期控件 可自定义样式包含多种样式,可自定义日期显示格式
之前我们介绍过很多基于jQuery的日期选择控件和基于HTML5的日期选择控件,比如JavaScript日期选择控件Kalendae和HTML5/CSS3日历应用 华丽的日期选择器。这次要介绍的日期选择控件是基于Bootstrap风格的,可支持多种...
本日期控件支持100多种样式修改,自己可以修改样式,足够满足你的需要;
js日历控件大全,有很多种日期,比较多的样式
纯JS+CSS实现的日历控件,把它加载在你的网页中既美观,又使用,非常不错的!
日历控件:WdatePicker提供一个日历控件,可以在网页中方便地选择日期。用户可以通过单击或手动输入日期来选择所需的日期。 丰富的选择功能:WdatePicker支持多种日期选择方式,例如年、月、日、时、分的选择,还...
使用jq插件库 做了多种样式的时间控件 实现多种时间格式显示选择样式
多种样式的日期控件,是js和jquery整合在一起的日期控件,非常强大
项目中应用的日历控件,支持多选,换肤,结构简单,小巧,引用起来简单方便,有多种样式,如有紧急需求,下这个最好不过,特此分享给大家!
<br> 2007/8/15 Version 3.3.0 Free <br>Updates: 1) 修正控件选择框样式会影响页面其它选择框样式的BUG。 2) 修正XP风格表情里其中一个图标与其它图标大小不一致的BUG。 3) 修正在非简体中文...
Kalendae-与框架无关JavaScript日期选择器 卡伦代(Kalendae)试图做一个没人能做的事情:做一个不会吮吸的日期选择器。 Kalendae具有以下功能: 完全可移植,没有外部依赖性。 没有jQuery,没有原型,没有MooTools...
15.5.2 IE下的优秀JavaScript调试工具Companion.JS 15.5.3 DebugBar和Companion.JS的基本操作 15.6 调试技巧 15.6.1 在Firebug中直接调试脚本 15.6.2 调试代码运行速度 15.6.3 查看对象属性 第16章 ExtJS案例...
15.5.2 IE下的优秀JavaScript调试工具Companion.JS 15.5.3 DebugBar和Companion.JS的基本操作 15.6 调试技巧 15.6.1 在Firebug中直接调试脚本 15.6.2 调试代码运行速度 15.6.3 查看对象属性 第16章 ExtJS案例...
• 1.3.js 1.3.htm使用的外部JavaScript文件 第2章(\第2章) • 2.1.htm Infinity应用 • 2.2.htm NaN与isNaN()的用法 • 2.3.htm Infinity值的用法 • 2.4.htm 转义字符的使用 ...
4种不同的可视化模式日历每个日期部分的输入框带有+/-按钮日期从右到左或从左到右的可滑动列日期从上至下的可滑动星期全面本地化,提供40多种语言和语言版本的翻译与CSS框架无关。 如果您没有首选的预配置版本,则...
js depending on browser 根据不同的浏览器选择不同的javascript代码 Externel CSS file 插入外部的CSS文件 Externel Javascript file 插入外部的js文件 Video embed 插入activemovie windowsMaxmizer 最大化...
即类似MSN消息框的效果,可设置多种效果,也可以使用事件钩子调用 3、强大的自定义分页控件,支持多种数据绑定控件,支持自定义分页按钮样式,支持AJAX无刷新 分页,可灵活设置各种参数效果 4、方便的Tab...