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

Javascript
AJAX教程(14):通过XMLHTTP加载XML文件
AJAX教程(15):通过XMLHTTP进行一次HEAD请求
AJAX教程(16):通过XMLHTTP进行一次指定的HEAD请求
AJAX教程(17):把XML文件显示为HTML表格
JS通过WMI获取客户端硬件信息
JavaScript中使用远程脚本
关于Ajax技术的注意事项
XMLHttpRequest创建智能表单
iframe创建智能表单
JS教程:线小测试程序
在Web页面中使用计时器
将事件处理器作为HTML标记的属性
事件处理器作为浏览器对象的属性
Math对象应用详解
random()方法和pow()方法
charAt()方法和charCodeAt()方法
Number对象常用的toFixed()方法
JS教程:为什么尽量用局部变量代替全局变量
解决JavaScript循环中的过多操作
处理提示“脚本运行时间过长的提示框”问题

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-12   浏览: 428 ::
收藏到网摘: 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 全选 提示:你可先修改部分代码,再按运行]