jQuery时间选择器插件

jQuery 的时间选择器插件,用起来真挺顺手的,尤其是 UI 里的 Datepicker。你只要在 HTML 里加个input框,用$('#id').datepicker();一激活,弹出的日历控件就能让用户直接选日期,响应也快,代码也简单。

配置也蛮多的,比如日期格式dateFormat可以改成你习惯的yy-mm-dd,想显示几个月也行,用numberOfMonths。还支持minDatemaxDate,限制用户只能选指定时间段内的日期,常用在酒店预订、活动报名那类场景。

事件这块也挺灵活,onSelect一监听,就能拿到用户选的时间,做联动操作啥的方便。样式想改也不难,CSS 改一改就能和你网站风格融得挺自然。

另外,如果你对国际化有需求,jQuery UI也支持多语言,改下语言包就好。还有beforeShowDay这个函数,能自定义每一天是否可选,比如节假日禁用掉,用户体验更贴心。

如果你手上有Datepicker20161107这个压缩包,估计是包含了老版本源码、样式和使用示例,放项目里直接引用也方便,适合老系统升级用。

如果你想看看更详细的文档或者例子,可以逛逛这些资源:

如果你项目中需要一个稳定、支持多功能的时间选择控件,jQuery UI 的 Datepicker 还真是个不错的选择。

zip 文件大小:144.51KB