jQuery日历Firefox兼容性支持

Firefox 的兼容性一直让人头大,尤其是做日期控件的时候。js 日历兼容 firefox这个小项目就比较贴心,做得挺稳的。它用的是老牌的 jQuery,代码写起来比较顺,兼容性也比较靠谱。

日历的核心逻辑写在calendar.js里,用了不少 jQuery.fn.extend 的写法,比如加了个 .showCalendar() 方法,点击就能弹出日历面板,响应也快。你还能绑定 onDateClick 事件,选了哪个日期,一清二楚。

index.html是主页面结构,布局比较简单,直接引入 cal.css 搞定样式。你只要准备个按钮或输入框,加个点击事件,日历就能弹出来。样式方面,像 .selected.disabled 这些类,都考虑到了,交互也比较顺滑。

背景图像用的是dashboard.png,可以加点装饰,或者当图标用。background-image 设置一下就搞定。整个项目没有复杂的逻辑,但写得蛮清晰,适合初中级前端练手。

如果你刚好在做需要日期选择的项目,尤其是要照顾 Firefox 的兼容性,这个资源值得看看。还有不少类似的日历控件,像Calendar(JS 日历控件)jQuery 日历插件,也可以一起对比下。

rar
calendar.rar 预估大小:5个文件
file
cal.css 1KB
file
calendar.js 11KB
file
dashboard.png 3KB
file
index.html 534B
file
jquery.min.js 53KB
rar 文件大小:20.76KB