JCalendar 日历控件 v1.0 beta[兼容IE&Firefox] 有文档和例子

先扯点题外话^_^
从注册时间来看,我是个老经典人,但是从发帖数来看同时我又是个新经典人。说起来倒是很巧的一件事,我在经典和无忧上注册的时间居然是同一天!2005-8-16,我依稀记得的是,当时注册经典是要下载一个东西。之后就一直在无忧上游荡,偶尔冒起来问几个问题。两年时间,问过不少弱智问题,也解答过一些问题。偶也在无忧的陪伴下从一个小菜鸟变成了一个老菜鸟。近段时间看过的几篇好文章都是经典里出的。记得其中一篇就是子虚乌有大大的杰作。我开始关注经典。。。
最近发现无忧人气在下滑,不知道是我主观感觉还是。。。不管怎么说我对无忧都是有感情的,毕竟无忧陪伴我成长了两年时间。在两年时间里面从无忧各位大大身上学到了些东西,也认识了很多牛人,不过他们不认识偶^_^。
现在到经典来,不是想投奔经典,而是想认识更多的脚本高手们。无忧我会一如既往的支持,同时经典也一样。现在特别为经典奉献上一件作品,作为偶在经典的第一帖。

前面发布过一次,那次只能算0.5版本,感兴趣的可以到这里浏览http://bbs.51js.com/viewthread.p ... hlight=%C8%D5%C0%FA
现在这个版本在原来的版本上改进的,解释核心还是一样的,但增加了一些功能,同时为解释后的日历减了一下肥,让日历显示更快速。
主要特点和更新:
1、日历在实例化的时候,就建好容器,在日历更改日期的时候不再重建容器,而是循环更新容器里的内容(也就是日历里的数字),让日历显示更快。
2、提供两个日历事件,onclick(在点击某天是触发),onupdate(在日历内容更改时触发)。
3、多用途,可以用作网站一般的日历使用或者是表单的输入控件。
4、结构和显示分离,用户可以自己定义日历的样式,也就是CSS。
5、全局函数定义JCalendar类的静态方法,避免污染命名空间。
6、年份和月份采用下拉框,而且给用户提供设置年份范围的函数。但默认不显示,点击年份或月份超链接后爱显示,从而改善界面美观。
转载请保留作者信息,谢谢。
偶可以上传附件了,好人做到底,打包提供下载
经典限制了字数,只能在第二楼放文档和例子了
更新了一个bug,选择空白日期时会出现2007-5-NaN[更新时间2007-5-29 12:39]
更新了一个bug,已经选择了2007年5月20日,想改成2010年5月20日,就点不了了[更新时间2007-5-29 18:58]
打包文件下载

(0)

相关推荐

  • JCalendar 日历控件 v1.0 beta[兼容IE&Firefox] 有文档和例子

    先扯点题外话^_^从注册时间来看,我是个老经典人,但是从发帖数来看同时我又是个新经典人.说起来倒是很巧的一件事,我在经典和无忧上注册的时间居然是同一天!2005-8-16,我依稀记得的是,当时注册经典是要下载一个东西.之后就一直在无忧上游荡,偶尔冒起来问几个问题.两年时间,问过不少弱智问题,也解答过一些问题.偶也在无忧的陪伴下从一个小菜鸟变成了一个老菜鸟.近段时间看过的几篇好文章都是经典里出的.记得其中一篇就是子虚乌有大大的杰作.我开始关注经典...最近发现无忧人气在下滑,不知道是我主观感觉还是

  • 修改js Calendar日历控件 兼容IE9/谷歌/火狐

    修改Calendar日历控件 兼容IE9,谷歌,火狐. 只是能用,出现的位置有所不同,希望有高手再帮我改改吧,谢谢 一. 复制代码 代码如下: this.iframe = window.frames("meizzCalendarIframe"); 修改为 复制代码 代码如下: this.iframe = window.frames["meizzCalendarIframe"]; 二. 复制代码 代码如下: var a = (arguments.length==0)

  • 日历控件在FF2.0,ie6下测试可用

    /*********************************************************  *     使用方法  *         控件调用onclick="fPopCalendar(event,this,this)"  *     如下,给控件设置为readonly  *     <input type="text" style="border:1px solid #cccccc;"   *        

  • javascript特殊日历控件分享

    本文为大家分享了一个炫酷的js日历控件,供大家参考,具体内容如下 引用JSLit.js 下载 JSLite.io,兼容 JSLite 和 jQuery 安装方法 页面引用 JSLite 或者jQuery <div id="JSLiteCalenbar4"><input type="text"></div> <script type="text/javascript" src="../JSLite

  • JS学习之一个简易的日历控件

    这个日历控件类似于园子用的日历,如下图: 这种日历控件实现起来不难,下面简单分析下我的思路: 首先,是该控件的可配置项: 复制代码 代码如下: ... settings: { firstDayOfWeek: 1, baseClass: "calendar", curDayClass: "curDay", prevMonthCellClass: "prevMonth", nextMonthCellClass: "nextMonth&quo

  • javascript实现日历控件(年月日关闭按钮)

    经常使用google的朋友一定对google绚丽的日历控件记忆犹新吧,那我们也来实现一个,虽然功能和效果比不上,但重要的是实现的过程. 下面是要实现的html结构: <div id="a"><div id="head"><span id="yface">年:<select id="year"></select></span><span id=&quo

  • .net mvc页面UI之Jquery博客日历控件实现代码

    一.效果图 二.页面文件 页面上需要添加<div id="cal"></div>标记. 三.JS代码 复制代码 代码如下: // JavaScript 日历 $(document).ready(function () { //当前时间 $now = new Date();                      //当前的时间 $nowYear = $now.getFullYear();          //当前的年 $nowMonth = $now.get

  • 日历控件和天气使用分享

    感谢气象局的天气预报: <iframe allowtransparency="true" frameborder="0" width="292" height="98" scrolling="no" src="http://tianqi.2345.com/plugin/widget/index.htm?s=1&z=1&t=0&v=0&d=2&bd=1&

  • iOS自定义日历控件的简单实现过程

    因为程序要求要插入一个日历控件,该空间的要求是从当天开始及以后的六个月内的日历,上网查资料基本上都说只要获取两个条件(当月第一天周几和本月一共有多少天)就可以实现一个简单的日历,剩下的靠自己的简单逻辑就OK了,下面开始自己从开始到完成的整个过程 1.首先做NSDate类目,扩展一些方法让日期之间转换更加方便 #import <Foundation/Foundation.h> @interface NSDate (LYWCalendar) #pragma mark - 获取日 - (NSInte

  • 一起学写js Calender日历控件

    最近看了一下关于js日期的一些函数,突然想到了日历控件,于是试着写了一个,作为后台程序员的我水平有限,大家抱着学习的态度看看我写的这个例子吧,一起学习进步! 首先一个常用的日期函数: Date(year,month,day) var   date=new  Date(); 获取年份 var   year=this.date.getFullYear(); 获取月份,这里是月索引所以要+1 var   month=this.date.getMonth()+1; 获取当天是几号 var   day=t

随机推荐