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 日历插件,也可以一起对比下。
calendar.rar
预估大小:5个文件
cal.css
1KB
calendar.js
11KB
dashboard.png
3KB
index.html
534B
jquery.min.js
53KB
20.76KB
文件大小:
评论区