文章分类

站点统计

  • 分类总数: 13 个
  • 文章总数: 145 篇
  • 评论总数: 35 条
  • 附件总数: 59 个
  • 建站日期: 2008-08-18
  • 访问总数: 388498 人次
  • RSS订阅: 文章|评论

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

KY8 于 2009-03-07 12:01:58 发表JavaScript

订阅: http://www.kaiyuan8.org/Feed/Article_145.aspx
引用: 点这里获取地址 (UTF-8)
小巧独立的Javascript库(6):jsTree.js < 独立小巧的JavaScript库(7):calendar.js > SharpZipLib使用示例

主要特点有:

  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

点击下载此文件

被阅1805次, 0投一票Calendar

xxb

2009-04-30 00:16:55
点击 下月 后 它下面原来看不见的下拉框控件 怎么可以看见了,这个要改改啊!
  • 看完了要说点啥么?
  • 昵称 (不填说不了话)
  • 信箱地址 (不会被公开,但是不填也说不了话)
  • 网址 (这个不填也成)
Powered by MiniBoke v2.0.0.8 Build 0828

Copyright © 2008 开源吧!. All rights reserved.

粤ICP备07500939号