当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 推荐一个小巧的JS日历

Javascript
window.onload 加载完毕的问题及解决方案(下)
jQuery 版本的文本输入框检查器Input Check
jquery Firefox3.5中操作select的问题
jquery 1.3.2 IE8中的一点点的小问题解决方法
javascript div 遮罩层封锁整个页面
javascript 页面只自动刷新一次
Javascript 区别浏览器 代码
checkbox 复选框不能为空
Prototype 学习 Prototype对象
Prototype 学习 工具函数学习($方法)
Prototype 学习 工具函数学习($A方法)
Prototype 学习 工具函数学习($w,$F方法)
Prototype Object对象 学习
Prototype Function对象 学习
Prototype Date对象 学习
JavaScript 事件对象的实现
JavaScript 事件查询综合
JavaScript 继承详解(一)
JavaScript 继承详解(二)
JavaScript 继承详解(三)

Javascript 中的 推荐一个小巧的JS日历


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-12   浏览: 463 ::
收藏到网摘: n/a

脚本的核心就是DateAdd函数,点击下面的演示看看效果:
查看演示
调用方法很简单,
第一步:在页面顶部包含calenderJS.js文件:
<script src="path/to/calenderJS.js"></script>
点击下载这个js文件
第二步:给你的输入框增加onfocus事件属性:
<input type="text" onfocus="HS_setDate(this)">
HS_setDate(this) 是初始化的函数
此日历已经应用到本blog的侧边栏,并加入ajax功能,异步查询有日志的日子,并加粗。
点击运行可以看到效果:
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]