JavaScript日歷控件：kimsoft-jscalendar

jopen 11年前發布 | 27K 次閱讀 JavaScript開發 JavaScript

</div>

一、什么是 kimsoft-jscalendar
一個簡潔的avaScript日歷控件，可在Java Web項目，.NET Web 項目中使用

二、kimsoft-jscalendar 有什么特點

1. 小巧，單文件

2. 支持多語言，并可自由擴充（目前支持簡體中文，繁體中文，英語美國和英語英國）

3. 兼容ie6.0+, firefox1.0+, Opera9，其它瀏覽器未測試

4. 回顯選定的時間，這是很多其它日歷控件沒有的

5. Apache license 2.0，商業友好。可免費使用，自由修改傳播，但請保留版權信息

6. 用 iframe 解決 IE 中層在 select 控件上顯示的問題

7. 其它特點有特發現...

三、使用說明

3.1、將 js 文件導入到頁面中（可以是 html, jsp, asp, aspx, php）等。

<script type="text/javascript" src="http://3aj.cn/file/js/calendar.js"></script>

注意以下點：

1. calendar.js 文件內容編寫是UTF-8，請一定要將此文件的編碼設置為UTF-8

2. 上面的代碼內容一定要放在HTML的<body></body>之間，特別是在符合XHTML規范的文檔中

3. 包含此文件后，此頁面已經自動實例化了一個日歷對象 calendar，現在就可以使用了

3.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 "/>

效果：

3.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年間的日期：

3.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" />

英文日歷效果：

3.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);" />

效果：

四、License: 基于 Apache license 2.0，商業友好。可免費使用，自由修改傳播，但請保留版權信息

五、kimsoft-jscalendar下載

</form></div> 來自：http://3aj.cn/javascript/25.html

本文由用戶 jopen 自行上傳分享，僅供網友學習交流。所有權歸原作者，若您的權利被侵害，請聯系管理員。

轉載本站原創文章，請注明出處，并保留原始鏈接、圖片水印。

本站是一個以用戶分享為主的開源技術平臺，歡迎各類分享！

本文地址：http://www.baiduhome.net/lib/view/open1380114165851.html

JavaScript開發 JavaScript