jQuery时间选择器插件
jQuery 的时间选择器插件,用起来真挺顺手的,尤其是 UI 里的 Datepicker。你只要在 HTML 里加个input
框,用$('#id').datepicker();
一激活,弹出的日历控件就能让用户直接选日期,响应也快,代码也简单。
配置也蛮多的,比如日期格式dateFormat
可以改成你习惯的yy-mm-dd
,想显示几个月也行,用numberOfMonths
。还支持minDate
和maxDate
,限制用户只能选指定时间段内的日期,常用在酒店预订、活动报名那类场景。
事件这块也挺灵活,onSelect
一监听,就能拿到用户选的时间,做联动操作啥的方便。样式想改也不难,CSS 改一改就能和你网站风格融得挺自然。
另外,如果你对国际化有需求,jQuery UI也支持多语言,改下语言包就好。还有beforeShowDay
这个函数,能自定义每一天是否可选,比如节假日禁用掉,用户体验更贴心。
如果你手上有Datepicker20161107
这个压缩包,估计是包含了老版本源码、样式和使用示例,放项目里直接引用也方便,适合老系统升级用。
如果你想看看更详细的文档或者例子,可以逛逛这些资源:
如果你项目中需要一个稳定、支持多功能的时间选择控件,jQuery UI 的 Datepicker 还真是个不错的选择。
144.51KB
文件大小:
评论区