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

DEMO地址 http://paperen.com/demo/js-calendar/

20101017140222

目前就整理出两个样式,一个绿色(http://paperen.com/demo/js-calendar/green.css),一个蓝色(http://paperen.com/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/ 感谢感谢~~