推荐一个小巧的JS日历

脚本的核心就是DateAdd函数，点击下面的演示看看效果：
查看演示

调用方法很简单，
第一步：在页面顶部包含calenderJS.js文件：
<script src="path/to/calenderJS.js"></script>
点击下载这个js文件

第二步：给你的输入框增加onfocus事件属性：
<input type="text" onfocus="HS_setDate(this)">
HS_setDate(this) 是初始化的函数

此日历已经应用到本blog的侧边栏，并加入ajax功能，异步查询有日志的日子，并加粗。

</p> <p> <title> JS 日历 </title> </p> <p> body {font-size:12px}<br /> td {text-align:center}<br /> h1 {font-size:26px;}<br /> h4 {font-size:16px;}<br /> em {color:#999; margin:0 10px; font-size:11px; display:block} </p> <h1>Date Picker</h1> <h4 style="border-bottom:1px solid #ccc">ver:1.0</h4> <table border="1" width="400"> <tr> <td>文本文本文本</td> <td>点击输入框</td> <td>文本文本文本</td> </tr> <tr> <td>点击输入框</td> <td>文本</td> <td>文本文本文本</td> </tr> <tr> <td>文本文本文本</td> <td>点击输入框</td> <td>文本文本</td> </tr> </table> <ul> <li>不需要其他框架类库</li> <li>支持ie6、firefox、opera</li> <li>点击年份与月份可以下拉选择</li> </ul> <p>
[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

您可能感兴趣的文章:

js css+html实现简单的日历
JS学习之一个简易的日历控件
JS日历推荐
纯js简单日历实现代码
js编写当天简单日历效果【实现代码】
js日历控件（可精确到分钟）
简约JS日历控件实例代码
javascript html实现网页版日历代码
很好用的js日历算法详细代码
利用原生JavaScript实现造日历轮子实例代码

《推荐一个小巧的JS日历.doc》

下载本文的Word格式文档，以方便收藏与打印。

推荐一个小巧的JS日历

您可能感兴趣的文章:

相关推荐

对YUI扩展的Gird组件 Part-2

JavaScript 指导方针

新闻内页-JS分页

JS代码的格式化和压缩

JavaScript实际应用：innerHTMl和确认提示的使用

解密效果

图片之间的切换

些很实用且必用的小脚本代码