js日历控件 扒自Discuz
JQuery js日历控件discuz 星期日 2010-10-17

一直一直以来就想整理出一个js控件,每次paperen要弄js日历控件就得上网找,当然jquery-ui的可以但是又觉得貌似需要的引擎有点多本身就需要jquery的框架又要引入ui的js文件还有图片与css,重要的是它那个改起来不会……而一些不兼容浏览器的控件也有(干脆就不用了不兼容不能拉出来见人的)。而今天终于有机会让paperen我扒了discuz的下来(在ie,火狐,opera下测试没问题,其他的就不知道了),并最终整合到只有一个js文件就能调用,当然也需要一些css文件的支持,不然会不好看。

DEMO地址 http://iamlze.cn/demo/js-calendar/

目前就整理出两个样式,一个绿色(http://iamlze.cn/demo/js-calendar/green.css),一个蓝色(http://iamlze.cn/demo/js-calendar/blue.css)

调用可以使用主动点击触发型也就是主动型,还可以使用被动点击触发型也就是被动型。

相关调用代码可以查看源代码,主要是showcalendar,其中第二个参数是日历绑定的元素,如果是text输入框就是text输入框这个元素,如果是其他就是其他元素。

注意html中需要有一个ID为append_parent的元素,calendar.js的引入要放在html的最后。(详细看demo页面的源代码)

下面为两种调用方法:

onclick="showcalendar(event, this)" 自身调用

onclick="showcalendar(event, $('calendar2'))" 对id为calendar2的text框调用

什么!您还有更好的?麻烦发个给paperen!!邮箱 paperen@gmail.com

什么!您觉得很好?请感谢discuz的前端开发人员吧!!

PS:一位仁兄给我发了邮件推荐了这个 http://www.my97.net/ 感谢感谢~~

浏览 1526

0

0

评论 3

托尔斯泰 与人交谈一次,往往比多年闭门劳作更能启发心智。思想必定是在与人交往中产生,而在孤独中进行加工和表达
3 条评论 说出您的意见与看法
评论
#3 天涯 说 请问一个问题:

现在这个日历可选择的年份有很多,如何减少呢?比如限定在2010--2015等之类的年份段。

谢谢。 回复
2011-12-02 11:44:55
paperen 回复 天涯 修改calendar.js的87行,或者你可以在外面定义两个全局变量 var yearstart = 2002; var yearend = 2011; 然后将87行改为:for(var k = yearend; k >= yearstart; k--) { 回复
2011-12-02 14:32:43
#2 天涯 说 请问一个问题:

现在这个日历可选择的年份有很多,如何减少呢?比如限定在2010--2015等之类的年份段。

谢谢。 回复
2011-12-02 11:41:32
#1 美文 说 皮肤不错啊,真漂亮 能否交换个链接,做个朋友 墨客草屋:www.meiwenzhang.com/blog 回复
2010-10-20 11:10:51
paperen 回复 美文 嗯,多谢赞赏,欢迎交流~~ 回复
2010-10-20 12:24:15
有啥就说两句咯
以下都是必填项
关于头像可以到 gravatar 修改或者创建

必需滴

必需滴

还是必需滴

我要说