【javascript学习指南】JavaScript日历控件插件使用详解(支持中文英文繁体)

更新时间:2018-09-13    来源:js教程    手机版     字体:

【www.bbyears.com--js教程】

kimsoft-jscalendar一款优秀的#JavaScript#日历控件,kimsoft-jscalendar。它小巧,单文件;支持多语言;兼容ie6.0+, firefox1.0+, Opera9,其它浏览器未测试;回显选定的时间;Apache license 2.0,商业友好。用 iframe 解决 IE 中层在 select 控件上显示的问题


一、什么是 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="/calendar.js"></script> 

注意以下点:

    1. calendar.js 文件内容编写是UTF-8,请一定要将此文件的编码设置为UTF-8

    2. 上面的代码内容一定要放在HTML的之间,特别是在符合XHTML规范的文档中

    3. 包含此文件后,此页面已经自动实例化了一个日历对象 calendar,现在就可以使用了
 

 3.2、一个最简单的例子
 

用预定义的 calendar 对象生成日历代码:

 代码如下

 

当然也可以这样:

 
new一个新的日历对象并生成日历代码

 代码如下  

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

指定开始年份和结束年份的日历代码:

 代码如下

 

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

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

中文日历代码:

 代码如下

 

 

繁体中文日历代码:

 代码如下

 

 
英文日历代码:

 代码如下

 

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

 代码如下

 

本文来源:http://www.bbyears.com/wangyezhizuo/44305.html

热门标签

更多>>

本类排行