A JavaScript Fancier

伟大的javascript技术研究中...

  IT博客 :: 首页 :: 新随笔 :: 联系 :: 聚合  :: 管理 ::
  304 随笔 :: 0 文章 :: 479 评论 :: 0 Trackbacks
<2007年11月>
28293031123
45678910
11121314151617
18192021222324
2526272829301
2345678

公告

本blog为作者本人学习JS脚本所用,未经特别声明,本站所有文章均属作者本人原创,请转载时注明来源!谢谢合作!同时希望与各位javascript爱好者交流学习。MSN:yanwei8410@hotmail.com

常用链接

留言簿(26)

随笔分类

随笔档案

Ajax技术站点

javascript学习站点

JS高人Blog

Ruby&&Ajax框架

Web技术站点

搜索

积分与排名

最新评论

阅读排行榜

评论排行榜



Scal是一个基于Prototype框架的简单的js日期/日历控件。其基本用法简单,但提供很多详细的api,可以根据自己的需要配置成各种calendar。


支持如下浏览器:
Internet Explorer 6 & 7
Firefox
Safari
Opera

具有如下特点:
轻量级
容易使用
可以加入多个日期控件而不互相冲突
自动根据页面模式html/xhtml生成兼容代码
皮肤可定制
支持语言翻译
事件计划安排功能

如何使用?

1、首先包含如下js和css文件
<script type="text/javascript" src="/javascripts/prototype.js"> </script>
<script type="text/javascript" src="/javascripts/scal.js"> </script>
<link href="/styles/scal.css" rel="stylesheet" type="text/css"/>

在需要使用日期控件时,创建一个scal实例,传入显示日期控件的元素和显示当前选中日期信息的元素或者可以传入其它一些可选配置项。
如:
<div id="samplecal" class="scal"></div>
<div id="scalupdate"> </div>
var samplecal = new scal('samplecal', 'scalupdate');

官方网址及详细示例和介绍:http://scal.fieldguidetoprogrammers.com/scal-v02-documentation

有兴趣的可以下载试用下。

posted on 2007-11-28 11:40 Yemoo'S JS Blog 阅读(1272) 评论(0)  编辑 收藏 引用 所属分类: Js框架组件
只有注册用户登录后才能发表评论。
51La