独立小巧的JavaScript库(7):calendar.js(转载）

 主要特点有：

1. 小巧：整个组件代码只有一个文件lhgcalendar.js，大小为5.4K。
2. 调用简单：你只需要在相应位置添加一个事件来调用主函数即可（参考下面有示列）。
3. 效率高：你试下就知道了:-)。
4. 外观还看得过去：呵呵，这个算不上特点，本人界面设计能力差，不过提供的这2种样式还算过得去。
5. 支持的浏览器：IE6+，Firefox2.0+，Chrome(谷歌浏览器)，Opera9.5+，Safari3.0+等。

    组件结构

1. lhgcalendar.js：组件核心文件，其实也就这一个文件:-)。
2. skin：包含组件图片文件和样式表文件的文件夹。
3. skin/default.css：组件默认式表文件。
4. skin/gray.css：灰以样式的样式表文件。

    调用方法及参数说明

1. 在需要调用的页面引入lhgcalendar.js，例如：<script type="text/javascript" src="lhgcalenar.js"></script>
2. 然后在要调用的位置上引发的事件中加入调用代码，例如：<input type="text" onclick="lhgcalendar();" />
3. 参数说明：只有一个参数，就 是接收日期的控件的ID，用法见下面的示例
   还有就是在lhgcalendar.js里有个组件的配置对象：var config = { dir : '', skin : 'default' } 中的dir指的是日历显示在控件的下面还右面， 默认是下面，写成'right'就是在右面；skin指的就是皮肤名称。
4. 注：日期的格式为 M-Y-D

 下载此文件