1、什么是 kimsoft-jscalendar ?

2、kimsoft-jscalendar 有什么特点?

3、版本:

4、使用说明:

4.1、将 js 文件导入到页面中(可以是 html, jsp, asp, aspx, php)等。

<script type="text/javascript" src="calendar.js"></script>

注意以下点:

4.2、一个最简单的例子

用预定义的 calendar 对象生成日历代码:<input name="date" type="text" id="date" onclick="calendar.show(this);" size="10" maxlength="10" readonly="readonly" />

效果:

当然也可以这样:

new 一个新的日历对象并生成日历代码:<input name="date" type="text" id="date" onclick="new Calendar().show(this);" size="10" maxlength="10" readonly="readonly "/>

效果:

4.3、指定开始年份和结束年份的日历

指定开始年份和结束年份的日历代码:<input name="range_date" type="text" id="range_date" onclick="new Calendar(2000, 2008).show(this);" size="10" maxlength="10" readonly="readonly" />

只能选择 2000 到 2008年间的日期:

4.4、多语言版本支持(可自由扩充),目前支持的语言:0(zh_cn)|1(en_us)|2(en_en)|3(zh_tw)

中文日历代码: <input name="cn_date" type="text" id="cn_date" onclick="new Calendar().show(this);" size="10" maxlength="10" readonly="readonly" />

中文日历效果:

繁体中文日历代码: <input name="tw_date" type="text" id="tw_date" onclick="new Calendar(null, null, 3).show(this);" size="10" maxlength="10" readonly="readonly" />

繁体中文日历效果:

英文日历代码: <input name="en_date" type="text" id="en_date" onclick="new Calendar(null, null, 1).show(this);" size="10" maxlength="10" readonly="readonly" />

英文日历效果:

日文日历代码: <input name="en_date" type="text" id="en_date" onclick="new Calendar(null, null, 4).show(this);" size="10" maxlength="10" readonly="readonly" />

日文日历效果: (感谢网友 yangyuqi[at]gmail.com 提供的日文翻译)

4.5、在一个控件上点击选择,在另外一个控件上显示日期

代码:
<input name="control_date" type="text" id="control_date"size="10" maxlength="10" readonly="readonly" />
<input type="button" name="button" id="button" value="选择日期" onclick="new Calendar().show(this.form.control_date);" />

效果:

4.6、其它功能

其它功能请参考 calendar.js 源码,里面有详细的注释,本文档源码也是很好的代码资源,有问题请提交ISSUES

5、相关资源:

6、License: