推荐一个小巧的JS日历

更新时间：2007年08月13日 19:44:59 作者：

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

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

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

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">  <head>   <title> JS 日历 </title>   <meta name="author" content="快乐笛子">   <meta name="keywords" content="js日历,calender">   <meta name="description" content="js日历">   <script type="text/javascript" src="/downtools/js/wodcalenderJS.js"></script>   <style>   body {font-size:12px}   td {text-align:center}   h1 {font-size:26px;}   h4 {font-size:16px;}   em {color:#999; margin:0 10px; font-size:11px; display:block}   </style>  </head>  <body> <h1>Date Picker</h1> <h4 style="border-bottom:1px solid #ccc">ver:1.0</h4> <table border=1 width=400 height=150>     <tr>         <td>文本文本文本</td>         <td>点击输入框</td>         <td>文本文本文本</td>     </tr>     <tr>         <td>点击输入框</td>         <td><input type="text" style="width:70px" onfocus="HS_setDate(this)">文本</td>         <td>文本文本文本</td>     </tr>     <tr>         <td>文本文本文本</td>         <td>点击输入框</td>         <td>文本<input type="text" style="width:70px" onfocus="HS_setDate(this)">文本</td>     </tr> </table> <ul> <li>不需要其他框架类库</li> <li>支持ie6、firefox、opera</li> <li>点击年份与月份可以下拉选择</li> </ul> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

您可能感兴趣的文章:

推荐一个小巧的JS日历

firefox getyear() getFullYear数获取年份的问题
Javascript getYear()函数问题，一般需要用getFullYear
2008-12-12
JavaScript日历实现代码
写过很多日历，大多都是显示用的，最近项目中要用到可精确到秒的时间选择器，于是就动手写了个。
2010-09-09
javascript检查日期格式的函数[比较全]
非常全的，功能较多的日期检查函数
2008-10-10
由Javascript实现的页面日历
由Javascript实现的页面日历，学习js的朋友可以参考下。
2011-11-11
js选择日期
js选择日期...
2006-07-07
JS之日历实践附实现代码
在很多采集信息的过程中，日期的准确输入是一个重要的问题，因为日期在不同的地方以不同的格式表达。本例旨在应用于网页中，用户可通过鼠标点击向程序输入日期数据。
2009-02-02
javascript日期转换时间戳转日期格式
javascript日期转换时间戳转日期格式实现代码，需要的朋友可以参考下。
2011-11-11
关于js日期转化为毫秒数“节省20%的效率和和节省9个字符“问题
最近在看松散耦合可定制百度的开源框架tangram.js目光突然就聚焦在一种获得毫秒数的写法
2012-03-03
Javascript 日期对象Date扩展方法
Date对象扩展，包括常用中文日期格式解析、加减操作、日期差、周操作和季操作。
2009-05-05
javascript 日期常用的方法
日期的换算比较和日期的格式判断需要的朋友可以参考下。
2009-11-11